iOS实现翻页效果动画实例代码_网络技术_宿州市腾雀网络科技有限公司

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

发布时间 - 2026-01-11 01:15:01 点击率：次

大体思路:

在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 # 翻页动画效果 # 翻页 # ios电子书翻页效果代码详解 # iOS图片界面翻页切换效果 # iOS实现日历翻页动画 # 实例讲解iOS中的UIPageViewController翻页视图控制器 # iOS开发中使用屏幕旋转功能的相关方法 # iOS开发中控制屏幕旋转的编写方法小结 # iOS拍照后图片自动旋转90度的完美解决方法 # IOS手势操作（拖动、捏合、旋转、点按、长按、轻扫、自定义） # iOS渐变圆环旋转动画CAShapeLayer CAGradientLayer # iOS基于CATransition实现翻页、旋转等动画效果 # 是一种 # 下一页 # 中有 # 上下左右 # 如图 # 下页 # 大家多多 # 组中 # 判断是否 # 实现了 # 更生动 # objectAtIndex # _label # NSString # subtypeString # _count # enabled # transitionWithType # count

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：ElasticSearch 6.x 学习笔记：22.桶聚合

下一篇：PDF怎么批量提取图片 PDF图片批量提取技巧

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：ElasticSearch 6.x 学习笔记：22.桶聚合

下一篇：PDF怎么批量提取图片 PDF图片批量提取技巧