当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS实现翻页效果动画实例代码

iOS实现翻页效果动画实例代码

2019年07月24日  | 移动技术网IT编程  | 我要评论

张军领,郭帅资料,最完美控卫

大体思路:

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

效果如图:

主要代码:

#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手势后画面切换更生动.

效果图:


#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 分支中.

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网