大体思路:

在self.view 上放置一个label,label.text从数组中获得,当点击上下页按钮的时候,改变label.text,并且执行翻页效果动画.

效果如图:

主要代码:

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 #pragma mark - 下一页按钮响应事件 - (void)nextpage:(uibutton *)btn { _forwardbtn.enabled = yes; if (_count<_arr.count-1) { btn.enabled = yes; _label.text = [_arr objectatindex:_count+1]; nsstring *subtypestring; subtypestring = kcatransitionfromright; [self transitionwithtype:@"pagecurl" withsubtype:subtypestring forview:self.view]; _count = _count + 1; } else { _count = _arr.count - 1; btn.enabled = no; [self showalert:@"已经是最后一页咯,亲(づ￣ 3￣)づ"]; } nslog(@"%ld", (long)_count); } #pragma catransition动画实现 /** * 动画效果实现 * * @param type 动画的类型 在开头的枚举中有列举,比如 curldown//下翻页,curlup//上翻页 ,flipfromleft//左翻转,flipfromright//右翻转 等... * @param subtype 动画执行的起始位置,上下左右 * @param view 哪个view执行的动画 */ - (void) transitionwithtype:(nsstring *) type withsubtype:(nsstring *) subtype forview : (uiview *) view { catransition *animation = [catransition animation]; animation.duration = 0.7f; animation.type = type; if (subtype != nil) { animation.subtype = subtype; } animation.timingfunction = uiviewanimationoptioncurveeaseinout; [view.layer addanimation:animation forkey:@"animation"]; }

主要就是熟悉一下简单动画的实现了

本项目github地址:https://github.com/iosjason/pageblurdemo.git

2 添加启动页和手势控制的翻页效果实现,添加swipe手势后画面切换更生动.

效果图:

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 #pragma mark - 手势 - (void)configtapges { _fromrightswip = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(nextpage:)]; _fromrightswip.direction = uiswipegesturerecognizerdirectionleft; [self.view addgesturerecognizer:_fromrightswip]; _fromleftswip = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(forwardpage:)]; _fromleftswip.direction = uiswipegesturerecognizerdirectionright; [self.view addgesturerecognizer:_fromleftswip]; } //判断是否是第一次进入程序 if (![[[nsuserdefaults standarduserdefaults] objectforkey:@"isfirst"] isequaltostring:@"yes"]) { //显示提示 uialertview *alert = [[uialertview alloc]initwithtitle:@"tishi" message:@"" delegate:self cancelbuttontitle:@"晓得了" otherbuttontitles: nil]; [alert show]; [[nsuserdefaults standarduserdefaults]setobject:@"yes" forkey:@"isfirst"]; }

动画效果和上一个是一种效果,具体代码请看我的gibhub,和上一个项目在一个地址里面,这个在 swipegesturepageblurdemo 分支中.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。

原文链接：http://www.jianshu.com/p/885787a0932a?utm_source=tuicool&utm_medium=referral