转场动画-01-day4

  1 //
  2 //  ViewController.m
  3 //  07-转场动画
  4 //
  5 //  Created by mac on 16/4/19.
  6 //  Copyright © 2016年 mac. All rights reserved.
  7 //
  8
  9 #import "ViewController.h"
 10
 11 @interface ViewController ()
 12
 13 @property (strong, nonatomic) UIImageView *imageView;
 14
 15
 16 @property (assign, nonatomic) NSInteger index;
 17
 18
 19 @end
 20
 21 @implementation ViewController
 22
 23 - (void)viewDidLoad {
 24     [super viewDidLoad];
 25
 26     self.index = 1;
 27
 28     //1. 创建imageView
 29     self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height - 100)];
 30     self.imageView.image = [UIImage imageNamed:@"1.jpg"];
 31     self.imageView.backgroundColor = [UIColor whiteColor];
 32     self.imageView.userInteractionEnabled = YES;
 33
 34     [self.view addSubview:self.imageView];
 35
 36     //2. 添加手势
 37     [self addRegesture];
 38 }
 39
 40 - (void)addRegesture {
 41
 42     //1. 左边手势
 43     UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeLeft:)];
 44     swipe.direction = UISwipeGestureRecognizerDirectionLeft;
 45
 46     [self.imageView addGestureRecognizer:swipe];
 47
 48     //2. 右边手势
 49     UISwipeGestureRecognizer *swiperight = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeRight:)];
 50     swiperight.direction = UISwipeGestureRecognizerDirectionRight;
 51
 52     [self.imageView addGestureRecognizer:swiperight];
 53 }
 54
 55 /**
 56  *  RightSwipeGesture
 57  */
 58 - (void)swipeRight:(UIGestureRecognizer *)swipe {
 59
 60     self.index --;
 61     if (self.index == 0) {
 62         self.index = 9;
 63     }
 64     NSString *fileName = [NSString stringWithFormat:@"%li.jpg", self.index];
 65     self.imageView.image = [UIImage imageNamed:fileName];
 66
 67     //转场动画回来
 68     CATransition *right = [CATransition animation];
 69 //    right.type = @"pageUnCurl";
 70     right.type = @"cube";
 71     right.subtype = kCATransitionFromLeft; //过渡的方向
 72     right.duration = 1.0;
 73     [self.imageView.layer addAnimation:right forKey:nil];
 74 }
 75
 76 /**
 77  *  LeftSwipeGesture
 78  */
 79 - (void)swipeLeft:(UIGestureRecognizer *)swipe {
 80
 81     self.index ++;
 82     if (self.index == 10) {
 83         self.index = 1;
 84     }
 85
 86     NSString *fileName = [NSString stringWithFormat:@"%li.jpg", self.index];
 87     self.imageView.image = [UIImage imageNamed:fileName];
 88
 89     //添加转场动:画翻页效果
 90     CATransition *left = [CATransition animation];
 91 //    left.type = @"pageCurl";
 92     left.type = @"cube";
 93     left.subtype = kCATransitionFromRight; //过度方向
 94     left.duration = 1.0;
 95     [self.imageView.layer addAnimation:left forKey:nil];
 96
 97     NSLog(@"%li", self.index);
 98 }
 99
100 @end
时间: 2024-10-22 18:56:27

转场动画-01-day4的相关文章

iOS 自定义转场动画篇

前言: 自定义转场动画其实并不难, 关键在于能够明白思路, 也就是操作步骤. 本篇博客主要以present转场动画为例, 进行分析, 操作, 如有错误欢迎简信与我交流. 不进行修改的话, presentViewController:animated:completion:相信这个方法很多人都是用过, 称作模态推出界面, 默认都是从屏幕下方推出新的控制器. 自定义的目的就是为了修改固定的推出方式, 同时加上你想要的动画. 一个关键的概念: UIViewControllerAnimatedTrans

CATransition转场动画

背景: 最近在温习动画,分享个简单系统的转场动画 viewcontroller *VC=[self.storyboard instantiateViewControllerWithIdentifier:@"StoryboardID"];    //类方法创建一个动画    CATransition *animationOne=[CATransition animation];    //动画持续时间    animationOne.duration=1;    //动画效果    [a

CATransition-转场动画

CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果.iOS比Mac OS X的转场动画效果少一点 UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果 属性解析: type:动画过渡类型 subtype:动画过渡方向 startProgress:动画起点(在整体动画的百分比) endProgress:动画终点(在整体动画的百分比) 类型字符串 效果说明 关键字 方向 fade 交叉淡化过渡 YES

图片浏览(CATransition)转场动画

Main.storyboard ViewController.m // //  ViewController.m //  8A04.图片浏览(转场动画) // //  Created by huan on 16/2/4. //  Copyright © 2016年 huanxi. All rights reserved. // #import "ViewController.h" #define AnimationDuration 2 @interface ViewController

使用转场动画构造侧滑

原理:转场动画push pop 菜单控制器做成左边不透明一部分右边透明,代码里复制了之前控制器的视图会在这里显示 菜单和菜单详情是用的两个不同的转场动画实现的 效果图 demo链接:http://pan.baidu.com/s/1c0TaHDu

iOS:UIView的block函数实现转场动画---双视图

使用UIView动画函数实现转场动画——双视图 + (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion; 参数说明: –duration:动画的持续时间 –options:转

iOS:核心动画之转场动画CATransition

转场动画——CATransition CATransition是CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果.iOS比Mac OS X的转场动画效果少一点 UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果 动画属性: –type:动画过渡类型 –subtype:动画过渡方向 –startProgress:动画起点(在整体动画的百分比) –endProgress:动画终点(在整体动画的百分比

Android的Fragment的自定义转场动画

Fragment间转场可以使用setTransition()来设置系统默认的转场动画,也可以使用setCustomAnimations()方法来自定义转场动画. getFragmentManager().beginTransaction() //An optional name for this back stack state, or null.addToBackStack()方法的参数如前面所说也可以为null .addToBackStack(null)//将替换的前一个事务添加的有Acti

实现Activity间的共享控件转场动画

实现Activity间的共享控件转场动画 字数1210 阅读1936 评论9 喜欢35 Lollipop中有shared_element可以进行元素在activity之间进行共享,网上已经有很多介绍了,然而目前还有大量的kitkat设备,所以说啊,兼容更重要. 如下的方法,可以实现在旧的手机上实现动画效果.采用了类似于豌豆荚的开眼项目使用的技术.github上可能有在5.0以下的兼容包,但是个人并不推荐使用第三方的UI工具. Preview 实现原理 最近逛业界良心酷安网,发现了豌豆荚的一款叫做

教你实现类似于格瓦拉启动页中的放大转场动画(OC&Swift)

教你实现类似于格瓦拉启动页中的放大转场动画(OC&Swift) 一.前言 用过格瓦拉电影,或者其他app可能都知道,一种点击按钮用放大效果实现转场的动画现在很流行,效果大致如下 在iOS中,在同一个导航控制器你可以自定义转场动画实现两个viewController之间的过渡.实际上在iOS7之后,通过实现UIViewControllerAnimatedTransitioning或者UIViewControllerContextTransitioning协议,就可以简单的自定义转场动画,比如一个N