iOS实现翻页效果动画

作者: 劉光軍_MVP | 来源:发表于2016-01-14 23:34 被阅读8840次

项目里面有一个接受消息然后将消息内容以翻页的形式展现给用户,返回的数据就是简单的文字没有图片,所以我就简单的用了textView接收然后在view上设置了翻页效果的切换动画,这个翻页切换也比较简单,就是用了一下系统的动画.
效果如图:


PageBlurTestGif.gif

大体思路:
在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/irembeu/PageBlurDemo.git

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


PageBlurTestGif.gif
#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实现翻页效果动画

    项目里面有一个接受消息然后将消息内容以翻页的形式展现给用户,返回的数据就是简单的文字没有图片,所以我就简单的用了t...

  • ios 翻页效果动画

    项目当中要实现一个电子档案,效果呢是类似小说翻页的效果。很简单,先来说一下实现思路 写一个用来接收你想展示信息的控...

  • ios 电商demo(实现各种常见动画效果和页面布局)

    ios 电商demo(实现各种常见动画效果和页面布局) ios 电商demo(实现各种常见动画效果和页面布局)

  • 巧用ViewPager实现驾考宝典做题翻页效果

    效果如下所示: 思路:a.利用ViewPager自带的动画效果,略作修改,实现滑动覆盖翻页效果。b.移动时加入阴影...

  • react native 抖音视频列表页

    实现效果 需要实现的效果主要有两个,一个是上下翻页效果,还有就是点赞的动画。 效果 (简书好像不支持 webp 格...

  • 动画

    过渡动画 1、公开动画效果:kCATransitionFade:翻页kCATransitionMoveIn:弹出k...

  • UIView动画合集

    iOS开发-UIView之动画效果的实现方法(合集) 前言:在开发APP中,我们会经常使用到动画效果。使用动画可以...

  • cs3翻页动画

    做之前要明确自己的设计理念 如何实现动画效果 几个div互相配合形成翻页的“假象”

  • iOS动画--翻页动画

    最近工作中遇到一个首页要实现翻页动画的需求,上网搜索未找到自己满意的方案,索性自己写了一份,主要利用了Cor...

  • 自定义View实战篇(二)实现小说翻页二 基本原理

    本文实现小说翻页的基本原理自定义View实战篇(二)实现小说翻页二实现翻页动画、阴影、内容 一、简介 首先感谢hm...

网友评论

  • b6823fd100bf:感谢博主,反手送个 swift 3 翻译版:
    transitionWithType("pageCurl", withSubtype: kCATransitionFromRight, forView: self.view)

    func transitionWithType(_ type:String,withSubtype subtype:String,forView:UIView){
    let animation = CATransition()
    animation.duration = 0.7
    animation.type = type
    animation.subtype = subtype
    animation.timingFunction = CAMediaTimingFunction(name:kCAMediaTimingFunctionEaseInEaseOut)
    view.layer.add(animation, forKey: "animation")
    }
    劉光軍_MVP:@浮巽 :+1::+1:
  • da27c260cc85:你好, 地址还有么?
    劉光軍_MVP:@ArthurChi 并不能
    da27c260cc85:@劉光軍_Shine 这个能随着手指动么?
    劉光軍_MVP:@ArthurChi 地址已更新,之前GitHub改名字的时候 忘记把这篇里的地址更新了
  • Swifter丶:翻页动画好像是私有api,能通过审核吗
    Memory_fbfa:core animation 是核心动画 怎么就成私有了
    我有一头小毛驴从来都不骑:@S6传送过来的杰斯 肯定过不了啊
    劉光軍_MVP:@S6传送过来的杰斯 我做的项目是企业账号 没有审核 我也不知道:smile:

本文标题:iOS实现翻页效果动画

本文链接:https://www.haomeiwen.com/subject/kjlhkttx.html