注意點(diǎn):對(duì)于蘋(píng)果的頭文件的查看,重要的方法或?qū)傩詴?huì)放在最前面
一、首尾式動(dòng)畫(huà)注意點(diǎn):
1、簡(jiǎn)單的提交動(dòng)畫(huà)
注意點(diǎn):這兩個(gè)是成對(duì)出現(xiàn)的
[UIView beginAnimations:nil context:nil];
// 開(kāi)始動(dòng)畫(huà)// Code...
[UIView commitAnimations]; // 提交動(dòng)畫(huà)
+ (void)beginAnimations:(nullable NSString *)animationID
context:(nullable void *)context;
animationID : 作為動(dòng)畫(huà)的標(biāo)識(shí)
context: 自定義的一些動(dòng)畫(huà)屬性,這些數(shù)據(jù)將發(fā)送給動(dòng)畫(huà)的代理方法:setAnimationWillStartSelector:方法和setAnimationDidStopSelector:方法。這個(gè),參數(shù),通常為nil。我們可以直接設(shè)置為nil。
我們使用UIGraphicsGetCurrentContext();因?yàn)榇朔椒J(rèn)也會(huì)返回nil。
該方法告訴系統(tǒng),我們將開(kāi)始動(dòng)畫(huà)。
并且,在該方法后,我們可以通過(guò)setAnimationXXX(一系列方法)來(lái)設(shè)置我們進(jìn)行的動(dòng)畫(huà)的一些參數(shù)。
完成動(dòng)畫(huà)后,調(diào)用commitAnimations方法來(lái)通知系統(tǒng),動(dòng)畫(huà)結(jié)束。
如果我們?yōu)閯?dòng)畫(huà)設(shè)置了,setAnimationWillStartSelector:方法和setAnimationDidStopSelector:方法。
那么當(dāng)動(dòng)畫(huà)開(kāi)始或者停止的時(shí)候,動(dòng)畫(huà)的animationID參數(shù)和context參數(shù),會(huì)傳遞給setAnimationWillStartSelector:方法和setAnimationDidStopSelector:方法。
// 獲取當(dāng)前的圖形上下文
CGContextRef context = UIGraphicsGetCurrentContext();
2、下面動(dòng)畫(huà) 1 和 動(dòng)畫(huà) 2 是同步執(zhí)行的
/** 動(dòng)畫(huà) 1*/
[UIView beginAnimations:nil context:nil];
// 開(kāi)始動(dòng)畫(huà)// Code...
[UIView commitAnimations]; // 提交動(dòng)畫(huà)
/*** 動(dòng)畫(huà) 2*/
[UIView beginAnimations:nil context:nil];
// 開(kāi)始動(dòng)畫(huà)// Code...
[UIView commitAnimations]; // 提交動(dòng)畫(huà)
**setAnimationBeginsFromCurrentState****方法**
+ (void)setAnimationBeginsFromCurrentState:(BOOL)fromCurrentState
設(shè)置動(dòng)畫(huà)開(kāi)始時(shí)的狀態(tài)。
我們構(gòu)想一個(gè)場(chǎng)景:一般,我們按下一個(gè)按鈕,將會(huì)執(zhí)行動(dòng)畫(huà)一次。
當(dāng)YES時(shí):當(dāng)上一次動(dòng)畫(huà)正在執(zhí)行中,那么當(dāng)下一個(gè)動(dòng)畫(huà)開(kāi)始時(shí),上一次動(dòng)畫(huà)的當(dāng)前狀態(tài)將成為下一次動(dòng)畫(huà)的開(kāi)始狀態(tài)。
當(dāng)NO時(shí):當(dāng)上一個(gè)動(dòng)畫(huà)正在執(zhí)行中,那么當(dāng)下一個(gè)動(dòng)畫(huà)開(kāi)始時(shí),上一次動(dòng)畫(huà)需要先恢復(fù)到完成時(shí)的狀態(tài),然后在開(kāi)始執(zhí)行下一次動(dòng)畫(huà)。
**setAnimationRepeatAutoreverses****方法**
+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses
設(shè)置動(dòng)畫(huà)是否做一次反向的執(zhí)行。
如果設(shè)置為YES:動(dòng)畫(huà)將執(zhí)行:動(dòng)畫(huà)初始狀態(tài)》動(dòng)畫(huà)》動(dòng)畫(huà)完成狀態(tài)》動(dòng)畫(huà)》動(dòng)畫(huà)初始狀態(tài)。
如果設(shè)置為NO:默認(rèn)值
setAnimationsEnabled**方法**
+ (void)setAnimationsEnabled:(BOOL)enabled
設(shè)置動(dòng)畫(huà)是否可用!
YES:默認(rèn)值。
NO:動(dòng)畫(huà)效果被禁用
**注意:僅僅是動(dòng)畫(huà)是否可用,在動(dòng)畫(huà)中被改變的UI對(duì)象依然是起作用的。僅僅是動(dòng)畫(huà)效果被禁用了。**
**areAnimationsEnabled****方法**
+ (BOOL)areAnimationsEnabled
// 刪除所有動(dòng)畫(huà)層
// 注意:層指的是layout,例:[_imageView.layer removeAllAnimations];
- (void)removeAllAnimations;
3、重要方法解析
/** * 設(shè)置動(dòng)畫(huà)過(guò)渡效果 *
* @param transition 動(dòng)畫(huà)的過(guò)渡效果
* @param view 過(guò)渡效果作用視圖
* @param cache 如果為YES,開(kāi)始和結(jié)束視圖分別渲染一次并在動(dòng)畫(huà)中創(chuàng)建幀;否則,視圖將會(huì)渲染每一幀。
例如,你不需要在視圖轉(zhuǎn)變中不停的更新,你只需要等到轉(zhuǎn)換完成再去更新視圖。 */
+ (void)setAnimationTransition:(UIViewAnimationTransition)transition
forView:(UIView *)view
cache:(BOOL)cache;
二、UIView的動(dòng)畫(huà)塊代碼
block 的方法主要有 7 個(gè)
這個(gè)是用的最多的 ( 主要在于參數(shù)的和回調(diào))
+ (void)animateWithDuration:(NSTimeInterval)duration
delay:(NSTimeInterval)delay
options:(UIViewAnimationOptions)options
animations:(void (^)(void))animations
completion:(void (^ __nullable)(BOOL finished))completion ;
[UIView animateWithDuration:(NSTimeInterval) // 動(dòng)畫(huà)的持續(xù)時(shí)間
delay:(NSTimeInterval) // 動(dòng)畫(huà)執(zhí)行的延遲時(shí)間
options:(UIViewAnimationOptions) // 執(zhí)行的動(dòng)畫(huà)選項(xiàng),
animations:^{
// 要執(zhí)行的動(dòng)畫(huà)代碼
} completion:^(BOOL finished) {
// 動(dòng)畫(huà)執(zhí)行完畢后的調(diào)用
}];
和上一個(gè)方法相比較,少了動(dòng)畫(huà)延遲和動(dòng)畫(huà)選項(xiàng) (使用的復(fù)雜度比上一個(gè)小)
+ (void)animateWithDuration:(NSTimeInterval)duration
animations:(void (^)(void))animations
completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0); // delay = 0.0, options = 0
[UIView animateWithDuration:(NSTimeInterval)
animations:^{
// 要執(zhí)行的動(dòng)畫(huà)代碼
} completion:^(BOOL finished) {
// 動(dòng)畫(huà)執(zhí)行完畢后的調(diào)用
}];
這個(gè)是最簡(jiǎn)單的,對(duì)動(dòng)畫(huà)的設(shè)置基本沒(méi)有,使用的都是默認(rèn)參數(shù)
+ (void)animateWithDuration:(NSTimeInterval)duration
animations:(void (^)(void))animations NS_AVAILABLE_IOS(4_0); // delay = 0.0, options = 0, completion = NULL
[UIView animateWithDuration:(NSTimeInterval) animations:^{
}];
Spring Animationring Animation
在IOS7開(kāi)始,系統(tǒng)動(dòng)畫(huà)效果廣泛應(yīng)用Spring Animation
+ (void)animateWithDuration:(NSTimeInterval)duration
delay:(NSTimeInterval)delay
usingSpringWithDamping:(CGFloat)dampingRatio
initialSpringVelocity:(CGFloat)velocity
options:(UIViewAnimationOptions)options
animations:(void (^)(void))animations
completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(7_0);
[UIView animateWithDuration:(NSTimeInterval) // 動(dòng)畫(huà)持續(xù)時(shí)間
delay:(NSTimeInterval) // 動(dòng)畫(huà)延遲時(shí)間
usingSpringWithDamping:(CGFloat) // 類似彈簧振動(dòng)效果 0~1
initialSpringVelocity:(CGFloat) // 初始速度
options:(UIViewAnimationOptions) // 動(dòng)畫(huà)過(guò)渡效果
animations:^{
// code
} completion:^(BOOL finished) {
// code
}]
usingSpringWithDamping:它的范圍為 0.0f 到 1.0f ,數(shù)值越小「彈簧」的振動(dòng)效果越明顯。
initialSpringVelocity:初始的速度,數(shù)值越大一開(kāi)始移動(dòng)越快。值得注意的是,初始速度取值較高而時(shí)間較短時(shí),也會(huì)出現(xiàn)反彈情況。
Spring Animation 是線性動(dòng)畫(huà)或 ease-out 動(dòng)畫(huà)的理想替代品。由于 iOS 本身大量使用的就是 Spring Animation,用戶已經(jīng)習(xí)慣了這種動(dòng)畫(huà)效果,因此使用它能使 App 讓人感覺(jué)更加自然,用 Apple 的話說(shuō)就是「instantly familiar」。此外,Spring Animation 不只能對(duì)位置使用,它適用于所有可被添加動(dòng)畫(huà)效果的屬性。
+ (void)transitionWithView:(UIView *)view
duration:(NSTimeInterval)duration
options:(UIViewAnimationOptions)options
animations:(void (^ __nullable)(void))animations
completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
[UIView transitionWithView:(nonnull UIView *)
duration:(NSTimeInterval)
options:(UIViewAnimationOptions)options
animations:^{
code
} completion:^(BOOL finished) {
code
}];
+ (void)transitionFromView:(UIView *)fromView
toView:(UIView *)toView
duration:(NSTimeInterval)duration
options:(UIViewAnimationOptions)options
completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0); // toView added to fromView.superview, fromView removed from its superview
[UIView transitionFromView:(nonnull UIView *)
toView:(nonnull UIView *)
duration:(NSTimeInterval)
options:(UIViewAnimationOptions)
completion:^(BOOL finished) {
code
}];
+ (void)performSystemAnimation:(UISystemAnimation)animation
onViews:(NSArray<__kindof UIView *> *)views
options:(UIViewAnimationOptions)options animations:(void (^ __nullable)(void))parallelAnimations
completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(7_0);
[UIView performSystemAnimation:<(UISystemAnimation)>
onViews:(nonnull NSArray<__kindof UIView *> *)
options:<(UIViewAnimationOptions)>
animations:^{
code
} completion:^(BOOL finished) {
code
}]
三、關(guān)鍵幀動(dòng)畫(huà)
關(guān)鍵幀動(dòng)畫(huà)
iOS 8 Spring Animation
UIView動(dòng)畫(huà)已經(jīng)具備高級(jí)的方法來(lái)創(chuàng)建動(dòng)畫(huà),而且可以更好地理解和構(gòu)建動(dòng)畫(huà)。
IOS7以后蘋(píng)果新加了一個(gè)animateKeyframesWithDuration的方法,我們可以使用它來(lái)創(chuàng)建更多更復(fù)雜更酷炫的動(dòng)畫(huà)效果,而不需要去使用到核心動(dòng)畫(huà)(CoreAnimatino)。
/** * 添加關(guān)鍵幀方法 *
* @param duration 動(dòng)畫(huà)時(shí)長(zhǎng)
* @param delay 動(dòng)畫(huà)延遲
* @param options 動(dòng)畫(huà)效果選項(xiàng)
* @param animations 動(dòng)畫(huà)執(zhí)行代碼
* @param completion 動(dòng)畫(huà)結(jié)束執(zhí)行代碼 */
+ (void)animateKeyframesWithDuration:(NSTimeInterval)duration
delay:(NSTimeInterval)delay
options:(UIViewKeyframeAnimationOptions)options
animations:(void (^)(void))animations
completion:(void (^)(BOOL finished))completion;