iOS 中的 Delayed Transition

Android 的动画体系中,存在一类由 TransitionManager. beginDelayedTransition 管理的动画.这个方法,很特殊.执行此方法后,其后续的 UI 变化,不会立即作用到视图上,而是等下一次更新周期到来时,以动画的形式批量作用到视图上.

至少在我看来,这种设定很新颖.写法也很自然.除此之外,它能批量执行多个 UI 属性值变化的特性,也让人眼前一亮.

iOS 动画,用的最多的也最顺手的是 animateWithDuration, 总感觉它有点 Delayed Transition 的感觉,应该也可以实现类似的执行批量动画的效果.以前,大都是在 Block 里面写某一个视图,某一个属性的变化后的值.那加入里面,同时写多个视图的多个属性变化的值,会发生什么事呢?

竟然真的是,会批量执行多个动画效果,很酷.感兴趣的,可以自己跑下代码.

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    UIView * viewA = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 100, 100)];
    viewA.backgroundColor = [UIColor redColor];
    [self.view addSubview:viewA];

    UIView * viewB = [[UIView alloc] initWithFrame:CGRectMake(0, 100, 100, 100)];
    viewB.backgroundColor = [UIColor blueColor];
    [self.view addSubview:viewB];

    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        [UIView animateWithDuration:3 animations:^{
            viewA.frame = CGRectMake(100, 150, 30, 100);
            viewA.backgroundColor = [UIColor orangeColor];

            viewB.frame = CGRectMake(200, 30, 100, 20);
            viewB.backgroundColor = [UIColor grayColor];
        }];
    });
}

另外,Android 动画的 Scene 设定,也会特别,让我对动画的理解又进了一层.Scene 中,存储的是视图的状态视图,而不是一个图片形式的截图.所以,基于两个 Scene,可以做到节点级别的动画切换. Android 中的Scenne,会在 id 相同的节点间加动画效果.如此,也就能解决了我一直以来的一个困惑: 基于图片, 为什么有些 App 可以实现那么复杂精确的动画效果?==> 因为根本就不是以图片来记录视图某一瞬间的状态的,而是真的会记录下视图的完整状态信息.

参考文档

https://developer.android.com/training/transitions/transitions.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏一“技”之长

iOS UILabe及UIFont用法总结 原

UILabel * label = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];

763
来自专栏每日一篇技术文章

SceneKit_入门06_行为动画

a.移动相对于当前位置 + (SCNAction *)moveByX:(CGFloat)deltaX y:(CGFloat)deltaY z:(CGFloat...

1191
来自专栏前端知识分享

第148天:js+rem动态计算font-size的大小,适配各种手机设备

布局排版都用rem做单位,然后不同宽度的屏,js动态计算根节点的font-size。

1653
来自专栏Golang语言社区

前端游戏编程基础-如何实现Canvas图像的拖拽、点击等操作

希望能对Canvas绘制出来的图像进行点击、拖拽等操作,因为Canvas绘制出的图像能很好的美化。好像是想做炉石什么的游戏,我也没玩过。 Canvas在我的理解...

4687
来自专栏青玉伏案

IOS开发之简单音频播放器

        今天第一次接触IOS开发的UI部分,之前学OC的时候一直在模拟的使用Target-Action回调模式,今天算是真正的用了一次。为了熟悉一下基本...

2176
来自专栏Android机动车

Android 约束布局ConstraintLayout1.1.0 版详解

在http://dyg8.com/20180205/Android-ConstraintLayout-Detailed/这篇文章中,我们对 Constraint...

1054
来自专栏iOS开发攻城狮的集散地

iOS 封装跑马灯和轮播效果

2504
来自专栏Python小屋

Python操作高版本Excel文件:颜色、边框、合并单元格

本文主要颜色Python扩展库openpyxl的一些基本用法,包括创建工作簿、选择活动工作表、写入单元格数据,设置单元格字体颜色、边框样式,合并单元格等等。 f...

4475
来自专栏小蠢驴iOS专题

iOS - 添加一个全局悬浮按钮

2524
来自专栏一“技”之长

iOS开发封装一个可以响应超链接的label——基于RCLabel的交互扩展

        iOS系统是一个十分注重用户体验的系统,在iOS系统中,用户交互的方案也十分多,然而要在label中的某部分字体中添加交互行为确实不容易的,如果...

771

扫码关注云+社区