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