our choice：电子书的新交互方式探讨
TRANSCRIPT
Our Choice
电子书的新交互方式探讨
瑞路科技
张诚
Demo
• Our Choice 的操作体验演示。
-（http://v.youku.com/v_show/id_XMjY5Nzc3MDg0.html）
• 亮点 （参考文章：http://www.ifanr.com/40802）
- 目录与结构
- 图片与视频的展示方式
- 更多的交互
左右滑动实现 – Demo
• iOS 5.1 模拟器运行环境
• XCode 4.3.1 开发环境
• UIScrollView控件的使用
1- UIScrollView *scrollView = [[UIScrollView alloc]
initWithFrame:CGRectMake(0, 0,1024,768)];
2- [scrollView addSubview:img];
3- scrollView.contentSize = CGSizeMake(1024 * 5, 768);
4- scrollView.delegate = self;
5- [self addSubview:scrollView];
手势操作实现 – Demo
• UIPinchGestureRecognizer
• Pinch手势 – 双指向內或向外捏合缩放
• UIPinchGestureRecognizer *pinch;
• pinch = [[UIPinchGestureRecognizer alloc]
initWithTarget:self action:@selector(scalePiece:)];
• pinch.delegate = self;
• [self addGestureRecognizer:pinch];
• [pinch release];
手势操作实现 – Demo
• UIPanGestureRecognizer
• Pan手势 – 多点触摸拨动 • UIPanGestureRecognizer *pan;
• pan = [[UIPanGestureRecognizer alloc] initWithTarget:self
action:@selector(panPiece:)];
• pan.delegate = self;
• [pan setMaximumNumberOfTouches:2];
• [pan setMinimumNumberOfTouches:2];
• [self addGestureRecognizer:pan];
• [pan release];
手势操作实现 – Demo
• UISwipeGestureRecognizer
• Swipe手势 – 左右扫动的动作 • UISwipeGestureRecognizer *swipeRecognizer;
• swipeRecognizerRight = [[UISwipeGestureRecognizer alloc]
initWithTarget:self action:@selector(handleSwipe:)];
• [swipeRecognizerRight
setDirection:(UISwipeGestureRecognizerDirectionRight)];
• swipeRecognizerRight.delegate = self;
• [self addGestureRecognizer:swipeRecognizerRight];
• [swipeRecognizer release];
手势操作实现 – Demo
• UITapGestureRecognizer
• Tap手势 – 单击，双击。。。
• UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer
alloc] initWithTarget:self action:@selector(singleTap:)];
• singleTap.delegate = self;
• singleTap.numberOfTapsRequired = 1; // 点击次数
• [self addGestureRecognizer:singleTap];
• [singleTap release];
瑞路科技 – Reload Tech. --> 专注 iOS.
Co-Founder & CEO
张 诚 - Kevin Zhang
E-mail：[email protected]
Our Choice