iOS — UIView Animation 動畫

animation.png
對比枯燥的UI開發(fā),動畫設(shè)計會更有意思一些。
[UIView animateWithDuration:0.5 animations:^{
        //動畫操作
    }];
- duration   動畫時長
- animations 動畫操作代碼塊
[UIView animateWithDuration:0.5 animations:^{
        //動畫操作
    } completion:^(BOOL finished) {
        //動畫完成操作
    }];
- duration   動畫時長
- animations 動畫操作代碼塊
- completion 動畫完成代碼塊
#常規(guī)動畫屬性設(shè)置(可以同時選擇多個進行設(shè)置)
[UIView animateWithDuration:1 delay:2 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        //動畫操作
    } completion:^(BOOL finished) {
        //動畫完成操作
    }];
- duration   動畫時長
- delay      延遲時長執(zhí)行
- options    動畫展示方式
- animations 動畫操作代碼塊
- completion 動畫完成代碼塊

UIViewAnimationOptionLayoutSubviews            = 1 <<  0, // 動畫過程中保證子視圖跟隨運動
UIViewAnimationOptionAllowUserInteraction      = 1 <<  1, // 動畫過程中允許用戶交互
UIViewAnimationOptionBeginFromCurrentState     = 1 <<  2, // 所有視圖從當(dāng)前狀態(tài)開始運行
UIViewAnimationOptionRepeat                    = 1 <<  3, // 重復(fù)運行動畫
UIViewAnimationOptionAutoreverse               = 1 <<  4, // 動畫運行到結(jié)束點后仍然以動畫方式回到初始點
UIViewAnimationOptionOverrideInheritedDuration = 1 <<  5, // 忽略嵌套動畫時間設(shè)置
UIViewAnimationOptionOverrideInheritedCurve    = 1 <<  6, // 忽略嵌套動畫速度設(shè)置
UIViewAnimationOptionAllowAnimatedContent      = 1 <<  7, // 動畫過程中重繪視圖(注意僅僅適用于轉(zhuǎn)場動畫)
UIViewAnimationOptionShowHideTransitionViews   = 1 <<  8, // 視圖切換時直接隱藏舊視圖、顯示新視圖,而不是將舊視圖從父視圖移除(僅僅適用于轉(zhuǎn)場動畫)
UIViewAnimationOptionOverrideInheritedOptions  = 1 <<  9, // 不繼承父動畫設(shè)置或動畫類型

#動畫速度控制(可從其中選擇一個設(shè)置)
UIViewAnimationOptionCurveEaseInOut            = 0 << 16, // 動畫開頭和結(jié)尾緩慢, 中間加速
UIViewAnimationOptionCurveEaseIn               = 1 << 16, // 動畫逐漸加速
UIViewAnimationOptionCurveEaseOut              = 2 << 16, // 動畫逐漸減速
UIViewAnimationOptionCurveLinear               = 3 << 16, // 動畫勻速執(zhí)行,默認值

#轉(zhuǎn)場類型(僅適用于轉(zhuǎn)場動畫設(shè)置,可以從中選擇一個進行設(shè)置,基本動畫、關(guān)鍵幀動畫不需要設(shè)置)
[UIView transitionWithView:animationView duration: 1 options: UIViewAnimationOptionTransitionFlipFromLeft animations: ^{
   //動畫操作
} completion: ^(BOOL finished) {
 //動畫完成操作
}];

UIViewAnimationOptionTransitionNone            = 0 << 20, // 沒有轉(zhuǎn)場動畫效果
UIViewAnimationOptionTransitionFlipFromLeft    = 1 << 20, // 從左側(cè)翻轉(zhuǎn)效果
UIViewAnimationOptionTransitionFlipFromRight   = 2 << 20, // 從右側(cè)翻轉(zhuǎn)效果
UIViewAnimationOptionTransitionCurlUp          = 3 << 20, // 向后翻頁的動畫過渡效果
UIViewAnimationOptionTransitionCurlDown        = 4 << 20, // 向前翻頁的動畫過渡效果
UIViewAnimationOptionTransitionCrossDissolve   = 5 << 20, // 舊視圖溶解消失顯示下一個新視圖的效果
UIViewAnimationOptionTransitionFlipFromTop     = 6 << 20, // 從上方翻轉(zhuǎn)效果
UIViewAnimationOptionTransitionFlipFromBottom  = 7 << 20, // 從底部翻轉(zhuǎn)效果
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容