圖層行為(隱式動畫)

来源:http://www.cnblogs.com/EchoHG/archive/2017/10/04/7625263.html
-Advertisement-
Play Games

圖層行為 現在來做個實驗,試著直接對UIView關聯的圖層做動畫而不是一個單獨的圖層。清單7.4是對清單7.2代碼的一點修改,移除了colorLayer,並且直接設置layerView關聯圖層的背景色。 清單7.4 直接設置圖層的屬性 1 @interface ViewController () 2 ...


圖層行為

現在來做個實驗,試著直接對UIView關聯的圖層做動畫而不是一個單獨的圖層。清單7.4是對清單7.2代碼的一點修改,移除了colorLayer,並且直接設置layerView關聯圖層的背景色。

清單7.4 直接設置圖層的屬性

 1 @interface ViewController ()
 2 
 3 @property (nonatomic, weak) IBOutlet UIView *layerView;
 4 
 5 @end
 6 
 7 @implementation ViewController
 8 
 9 - (void)viewDidLoad
10 {
11     [super viewDidLoad];
12     //set the color of our layerView backing layer directly
13     self.layerView.layer.backgroundColor = [UIColor blueColor].CGColor;
14 }
15 
16 - (IBAction)changeColor
17 {
18     //begin a new transaction
19     [CATransaction begin];
20     //set the animation duration to 1 second
21     [CATransaction setAnimationDuration:1.0];
22     //randomize the layer background color
23     CGFloat red = arc4random() / (CGFloat)INT_MAX;
24     CGFloat green = arc4random() / (CGFloat)INT_MAX;
25     CGFloat blue = arc4random() / (CGFloat)INT_MAX;
26     self.layerView.layer.backgroundColor = [UIColor colorWithRed:red green:green blue:blue alpha:1.0].CGColor;
27     //commit the transaction
28     [CATransaction commit];
29 }
View Code

 

運行程式,你會發現當按下按鈕,圖層顏色瞬間切換到新的值,而不是之前平滑過渡的動畫。發生了什麼呢?隱式動畫好像被UIView關聯圖層給禁用了。

試想一下,如果UIView的屬性都有動畫特性的話,那麼無論在什麼時候修改它,我們都應該能註意到的。所以,如果說UIKit建立在Core Animation(預設對所有東西都做動畫)之上,那麼隱式動畫是如何被UIKit禁用掉呢?

我們知道Core Animation通常對CALayer的所有屬性(可動畫的屬性)做動畫,但是UIView把它關聯的圖層的這個特性關閉了。為了更好說明這一點,我們需要知道隱式動畫是如何實現的。

我們把改變屬性時CALayer自動應用的動畫稱作行為,當CALayer的屬性被修改時候,它會調用-actionForKey:方法,傳遞屬性的名稱。剩下的操作都在CALayer的頭文件中有詳細的說明,實質上是如下幾步:

  • 圖層首先檢測它是否有委托,並且是否實現CALayerDelegate協議指定的-actionForLayer:forKey方法。如果有,直接調用並返回結果。
  • 如果沒有委托,或者委托沒有實現-actionForLayer:forKey方法,圖層接著檢查包含屬性名稱對應行為映射的actions字典。
  • 如果actions字典沒有包含對應的屬性,那麼圖層接著在它的style字典接著搜索屬性名。
  • 最後,如果在style裡面也找不到對應的行為,那麼圖層將會直接調用定義了每個屬性的標準行為的-defaultActionForKey:方法。

所以一輪完整的搜索結束之後,-actionForKey:要麼返回空(這種情況下將不會有動畫發生),要麼是CAAction協議對應的對象,最後CALayer拿這個結果去對先前和當前的值做動畫。

於是這就解釋了UIKit是如何禁用隱式動畫的:每個UIView對它關聯的圖層都扮演了一個委托,並且提供了-actionForLayer:forKey的實現方法。當不在一個動畫塊的實現中,UIView對所有圖層行為返回nil,但是在動畫block範圍之內,它就返回了一個非空值。我們可以用一個demo做個簡單的實驗(清單7.5)

清單7.5 測試UIView的actionForLayer:forKey:實現

 1 @interface ViewController ()
 2 
 3 @property (nonatomic, weak) IBOutlet UIView *layerView;
 4 
 5 @end
 6 
 7 @implementation ViewController
 8 
 9 - (void)viewDidLoad
10 {
11     [super viewDidLoad];
12     //test layer action when outside of animation block
13     NSLog(@"Outside: %@", [self.layerView actionForLayer:self.layerView.layer forKey:@"backgroundColor"]);
14     //begin animation block
15     [UIView beginAnimations:nil context:nil];
16     //test layer action when inside of animation block
17     NSLog(@"Inside: %@", [self.layerView actionForLayer:self.layerView.layer forKey:@"backgroundColor"]);
18     //end animation block
19     [UIView commitAnimations];
20 }
21 
22 @end
View Code

 

運行程式,控制台顯示結果如下:

1 $ LayerTest[21215:c07] Outside: <null>
2 $ LayerTest[21215:c07] Inside: <CABasicAnimation: 0x757f090>
View Code

 

於是我們可以預言,當屬性在動畫塊之外發生改變,UIView直接通過返回nil來禁用隱式動畫。但如果在動畫塊範圍之內,根據動畫具體類型返回相應的屬性,在這個例子就是CABasicAnimation(第八章“顯式動畫”將會提到)。

當然返回nil並不是禁用隱式動畫唯一的辦法,CATransacition有個方法叫做+setDisableActions:,可以用來對所有屬性打開或者關閉隱式動畫。如果在清單7.2的[CATransaction begin]之後添加下麵的代碼,同樣也會阻止動畫的發生:

[CATransaction setDisableActions:YES];

總結一下,我們知道瞭如下幾點

  • UIView關聯的圖層禁用了隱式動畫,對這種圖層做動畫的唯一辦法就是使用UIView的動畫函數(而不是依賴CATransaction),或者繼承UIView,並覆蓋-actionForLayer:forKey:方法,或者直接創建一個顯式動畫(具體細節見第八章)。
  • 對於單獨存在的圖層,我們可以通過實現圖層的-actionForLayer:forKey:委托方法,或者提供一個actions字典來控制隱式動畫。

我們來對顏色漸變的例子使用一個不同的行為,通過給colorLayer設置一個自定義的actions字典。我們也可以使用委托來實現,但是actions字典可以寫更少的代碼。那麼到底改如何創建一個合適的行為對象呢?

行為通常是一個被Core Animation隱式調用的顯式動畫對象。這裡我們使用的是一個實現了CATransaction的實例,叫做推進過渡

第八章中將會詳細解釋過渡,不過對於現在,知道CATransition響應CAAction協議,並且可以當做一個圖層行為就足夠了。結果很贊,不論在什麼時候改變背景顏色,新的色塊都是從左側滑入,而不是預設的漸變效果。

清單7.6 實現自定義行為

 1 @interface ViewController ()
 2 
 3 @property (nonatomic, weak) IBOutlet UIView *layerView;
 4 @property (nonatomic, weak) IBOutlet CALayer *colorLayer;/*熱心人發現這裡應該改為@property (nonatomic, strong)  CALayer *colorLayer;否則運行結果不正確。
 5 */
 6 
 7 @end
 8 
 9 @implementation ViewController
10 
11 - (void)viewDidLoad
12 {
13     [super viewDidLoad];
14 
15     //create sublayer
16     self.colorLayer = [CALayer layer];
17     self.colorLayer.frame = CGRectMake(50.0f, 50.0f, 100.0f, 100.0f);
18     self.colorLayer.backgroundColor = [UIColor blueColor].CGColor;
19     //add a custom action
20     CATransition *transition = [CATransition animation];
21     transition.type = kCATransitionPush;
22     transition.subtype = kCATransitionFromLeft;
23     self.colorLayer.actions = @{@"backgroundColor": transition};
24     //add it to our view
25     [self.layerView.layer addSublayer:self.colorLayer];
26 }
27 
28 - (IBAction)changeColor
29 {
30     //randomize the layer background color
31     CGFloat red = arc4random() / (CGFloat)INT_MAX;
32     CGFloat green = arc4random() / (CGFloat)INT_MAX;
33     CGFloat blue = arc4random() / (CGFloat)INT_MAX;
34     self.colorLayer.backgroundColor = [UIColor colorWithRed:red green:green blue:blue alpha:1.0].CGColor;
35 }
36 
37 @end
38  
View Code

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 自定義緩衝函數 在第八章中,我們給時鐘項目添加了動畫。看起來很贊,但是如果有合適的緩衝函數就更好了。在顯示世界中,鐘錶指針轉動的時候,通常起步很慢,然後迅速啪地一聲,最後緩衝到終點。但是標準的緩衝函數在這裡每一個適合它,那該如何創建一個新的呢? 除了+functionWithName:之外,CAMe ...
  • 直接寫解決方法吧: 1、將XML里的靜態引入刪除: 2、在代碼里 findViewById 找到 NavigationView,然後引入 Header 和 Menu,再獲取頭部佈局,最後設置監聽事件: 3、完整代碼如下: ...
  • 動畫速度 動畫實際上就是一段時間內的變化,這就暗示了變化一定是隨著某個特定的速率進行。速率由以下公式計算而來: 這裡的變化可以指的是一個物體移動的距離,時間指動畫持續的時長,用這樣的一個移動可以更加形象的描述(比如position和bounds屬性的動畫),但實際上它應用於任意可以做動畫的屬性(比如 ...
  • #CAMediaTiming`協議 CAMediaTiming協議定義了在一段動畫內用來控制逝去時間的屬性的集合,CALayer和CAAnimation都實現了這個協議,所以時間可以被任意基於一個圖層或者一段動畫的類控制。 持續和重覆 我們在第八章“顯式動畫”中簡單提到過duration(CAMed ...
  • 在動畫過程中取消動畫 之前提到過,你可以用-addAnimation:forKey:方法中的key參數來在添加動畫之後檢索一個動畫,使用如下方法: 但並不支持在動畫運行過程中修改動畫,所以這個方法主要用來檢測動畫的屬性,或者判斷它是否被添加到當前圖層中。 為了終止一個指定的動畫,你可以用如下方法把它 ...
  • Feature: 點擊選擇拍照或者打開相冊,選取圖片進行裁剪最後設置為圓形頭像。 Problem: 拍好照片,點擊裁剪,彈Toast“無法載入此圖片”。 Solution: 在裁剪的class裡加兩行代碼 主要代碼如下: ...
  • 屬性動畫 CAAnimationDelegate在任何頭文件中都找不到,但是可以在CAAnimation頭文件或者蘋果開發者文檔中找到相關函數。在這個例子中,我們用-animationDidStop:finished:方法在動畫結束之後來更新圖層的backgroundColor。 當更新屬性的時候, ...
  • 呈現與模型 CALayer的屬性行為其實很不正常,因為改變一個圖層的屬性並沒有立刻生效,而是通過一段時間漸變更新。這是怎麼做到的呢? 當你改變一個圖層的屬性,屬性值的確是立刻更新的(如果你讀取它的數據,你會發現它的值在你設置它的那一刻就已經生效了),但是屏幕上並沒有馬上發生改變。這是因為你設置的屬性 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...