开发者社区> 科技小毛> 正文

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

简介:
+关注继续查看
使用UIView动画函数实现转场动画——单视图
+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;
 
参数说明:
–duration:动画的持续时间
–view:需要进行转场动画的视图
–options:转场动画的类型
–animations:将改变视图属性的代码放在这个block中
–completion:动画结束后,会自动调用这个block
 
 

具体实例如下:

实现功能:还是往工程中导入5张图片素材,创建图像视图控件,然后通过向左或向右扫动手势实现图像视图中图片的轮换,即实现转场动画。

代码如下:

//导入图片素材

//声明属性

复制代码
#import "ViewController.h"

@interface ViewController ()
@property (strong,nonatomic)UIImageView *imageView;//图像视图
@property (assign,nonatomic)NSInteger index;       //当前图片的索引
@end
复制代码

//初始化,创建图像视图控件并设置图片,同时创建扫动手势,添加扫动事件

复制代码
- (void)viewDidLoad {
    [super viewDidLoad];
    
    //设置当前图片为第一张
    self.index = 1;
    
    //初始化图像视图
    self.imageView = [[UIImageView alloc]initWithFrame:self.view.frame];
    self.imageView.contentMode = UIViewContentModeScaleAspectFit;
    [self.imageView setImage:[UIImage imageNamed:[NSString stringWithFormat:@"s%ld.jpg",self.index]]];
    
    
    //允许图像视图进行用户交互
    self.imageView.userInteractionEnabled = YES;
    [self.view addSubview:self.imageView];
    
    
    
    //创建扫动手势
    UISwipeGestureRecognizer *leftswipe = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipe:)];
    //设置扫动方向为向左扫
    leftswipe.direction = UISwipeGestureRecognizerDirectionLeft;
    //添加扫动手势
    [self.imageView addGestureRecognizer:leftswipe];
    
    //创建扫动手势
    UISwipeGestureRecognizer *rightswipe = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipe:)];
    //设置扫动方向为向右扫
    rightswipe.direction = UISwipeGestureRecognizerDirectionRight;
    //添加扫动手势
    [self.imageView addGestureRecognizer:rightswipe];
}
复制代码

//处理扫动手势事件,进行转场动画的创建并执行动画

 

复制代码
#pragma mark -扫动手势
-(void)swipe:(UISwipeGestureRecognizer *)sender
{
    //根据手势的方向改变图片的索引,一共5张图片
    if (sender.direction == UISwipeGestureRecognizerDirectionLeft)//向左扫
    {
        if (self.index >1 )
        {
            self.index--;
        }
        else
        {
            self.index = 5;
        }
    }
    else //向右扫
    {
        if (self.index <5)
        {
            self.index++;
        }
        else
        {
            self.index = 1;
        }
    }
    //使用block函数添加UIView单视图转场动画
    [UIView animateWithDuration:1.0f animations:^{
       [self.imageView setImage:[UIImage imageNamed:[NSString stringWithFormat:@"s%ld.jpg",self.index]]];
    } completion:nil];
}
复制代码

 

演示结果如下:

 没扫动手势一次,图片就轮换一次,即转场显示的图片依次为:

 

 

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
分类: iOS高级
 
 
本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/4886650.html,如需转载请自行联系原作者
 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
iOS开发-加在透明视图上的控件会透明
iOS开发-加在透明视图上的控件会透明
18 0
ios贝塞尔曲线表格视图
x轴和y轴都是可自定义,曲线的值也是对应的值
34 0
iOS上传图片视图的封装:用法 【下篇】
iOS上传图片视图的封装:用法 【下篇】
120 0
iOS小知识:封装上传图片视图(支持删除和添加)
iOS小知识:封装上传图片视图(支持删除和添加)
137 0
iOS 筛选视图的隐藏方案
iOS 筛选视图的隐藏方案
72 0
iOS视图置顶方案
iOS视图置顶方案
49 0
iOS视图置顶的应用:适配iOS12系统上日期控件被筛选视图遮挡问题
iOS视图置顶的应用:适配iOS12系统上日期控件被筛选视图遮挡问题
72 0
iOS订单折扣视图应用于购物车界面(支持添加/删除/选择折扣)
iOS订单折扣视图应用于购物车界面(支持添加/删除/选择折扣)
65 0
iOS支持展开折叠的弹出菜单(水平方向弹出菜单视图) 【修订版】
iOS支持展开折叠的弹出菜单(水平方向弹出菜单视图) 【修订版】
225 0
iOS支持展开折叠的弹出菜单(水平方向弹出菜单视图)
iOS支持展开折叠的弹出菜单(水平方向弹出菜单视图)
96 0
+关注
科技小毛
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
Facebook iOS App技术演化十年之路
立即下载
From Java_Android to Swift iOS
立即下载
深入剖析 iOS 性能优化
立即下载