时间:2021-05-20
基于CATransition实现翻页、旋转、淡化、推进、滑入滑出、立方体、吮吸、波纹等动画效果。
首先看一下效果图:
下面贴上代码:
#import <UIKit/UIKit.h> @interface ViewController : UIViewController @end #import "ViewController.h" //获得屏幕的宽高#define mainW [UIScreen mainScreen].bounds.size.width#define mainH [UIScreen mainScreen].bounds.size.height @interface ViewController () @property (nonatomic, strong) NSArray *typeArray; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor greenColor]; //创建控件 [self creatControl]; _typeArray = @[kCATransitionFade, kCATransitionPush, kCATransitionMoveIn, kCATransitionReveal, @"cube", @"suckEffect", @"oglFlip", @"rippleEffect", @"pageCurl", @"pageUnCurl", @"cameraIrisHollowOpen", @"cameraIrisHollowClose"];} - (void)creatControl{ NSArray *titleArray = @[@"淡化效果", @"推进效果", @"滑入效果", @"滑出效果", @"立方体效果", @"吮吸效果", @"翻转效果", @"波纹效果", @"翻页效果", @"反翻页效果", @"开镜头效果", @"关镜头效果"]; for (int i = 0; i < titleArray.count; i++) { CGFloat X = i % 2 == 0 ? mainW * 0.1 : mainW * 0.6; CGFloat Y = 64 + i / 2 * mainW * 0.15; UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMake(X, Y, mainW * 0.3, mainW * 0.1)]; btn.tag = i; [btn setBackgroundColor:[UIColor colorWithRed:0.6f green:0.7f blue:0.6f alpha:0.7f]]; [btn setTitle:titleArray[i] forState:UIControlStateNormal]; [btn addTarget:self action:@selector(btnOnClick:) forControlEvents:UIControlEventTouchUpInside]; [self.view addSubview:btn]; }} - (void)btnOnClick:(UIButton *)btn{ static int i = 0; i = i == 0 ? 1 : 0; self.view.backgroundColor = i == 0 ? [UIColor greenColor] : [UIColor yellowColor]; //创建CATransition对象 CATransition *animation = [CATransition animation]; //设置时间 animation.duration = 1.0f; //设置类型 animation.type = _typeArray[btn.tag]; //设置方向 animation.subtype = kCATransitionFromRight; //设置运动速度变化 animation.timingFunction = UIViewAnimationOptionCurveEaseInOut; [self.view.layer addAnimation:animation forKey:@"animation"];} @endCATransition.type动画类型:
kCATransitionFade //淡化效果kCATransitionPush //推进效果kCATransitionMoveIn //滑入效果kCATransitionReveal //滑出效果@"cube" //立方体效果@"suckEffect" //吮吸效果@"oglFlip" //翻转效果@"rippleEffect" //波纹效果@"pageCurl" //翻页效果@"pageUnCurl" //反翻页效果@"cameraIrisHollowOpen" //开镜头效果@"cameraIrisHollowClose" //关镜头效果以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:基于jQuery实现的点击图片翻页展示效果.
本文实例讲述了Android编程实现RotateAnimation设置中心点旋转动画效果。分享给大家供大家参考,具体如下:在xml设置://设置动画结束时的旋转
效果如下所示:思路:a.利用ViewPager自带的动画效果,略作修改,实现滑动覆盖翻页效果。b.移动时加入阴影效果。1.关键代码如下所示:publicclas
iOS基本动画/关键帧动画/利用缓动函数实现物理动画效果先说下基本动画部分基本动画部分比较简单,但能实现的动画效果也很局限使用方法大致为:#1.创建原始UI或者
1,实现效果2,实现代码:【1】shape_drawable.xml文件【2】我们将该自定义环形圈设置给一个旋转动画,并利用该旋转动画自定义成一个环形进度圈的s