
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)效果