大体思路:
在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