[iOS Animation]-CALayer 顯示方式

寄宿圖

圖片賽過千言萬語，界面抵得上千圖片 ——Ben Shneiderman

咱們在第一章『圖層樹』中介紹了CALayer類並建立了一個簡單的有藍色背景的圖層。背景顏色還好啦，可是若是它僅僅是展示了一個單調的顏色未免也太無聊了。事實上CALayer類可以包含一張你喜歡的圖片，這一章節咱們未來探索CALayer的寄宿圖（即圖層中包含的圖）。

contents屬性

CALayer 有一個屬性叫作contents，這個屬性的類型被定義爲id，意味着它能夠是任何類型的對象。在這種狀況下，你能夠給contents屬性賦任何值，你的app仍然可以編譯經過。可是，在實踐中，若是你給contents賦的不是CGImage，那麼你獲得的圖層將是空白的。

contents這個奇怪的表現是由Mac OS的歷史緣由形成的。它之因此被定義爲id類型，是由於在Mac OS系統上，這個屬性對CGImage和NSImage類型的值都起做用。若是你試圖在iOS平臺上將UIImage的值賦給它，只能獲得一個空白的圖層。一些初識Core Animation的iOS開發者可能會對這個感到困惑。

頭疼的不單單是咱們剛纔提到的這個問題。事實上，你真正要賦值的類型應該是CGImageRef，它是一個指向CGImage結構的指針。UIImage有一個CGImage屬性，它返回一個"CGImageRef",若是你想把這個值直接賦值給CALayer的contents，那你將會獲得一個編譯錯誤。由於CGImageRef並非一個真正的Cocoa對象，而是一個Core Foundation類型。

儘管Core Foundation類型跟Cocoa對象在運行時貌似很像（被稱做toll-free bridging），他們並非類型兼容的，不過你能夠經過bridged關鍵字轉換。若是要給圖層的寄宿圖賦值，你能夠按照如下這個方法：

1 2	//設置圖層的內容顯示爲一張圖片 layer.contents = (__bridge id)image.CGImage;

若是你沒有使用ARC（自動引用計數），你就不須要__bridge這部分。可是，你幹嗎不用ARC？！

讓咱們來繼續修改咱們在第一章新建的工程，以便可以展現一張圖片而不單單是一個背景色。咱們已經用代碼的方式創建一個圖層，那咱們就不須要額外的圖層了。那麼咱們就直接把layerView的宿主圖層的contents屬性設置成圖片。

清單2.1 更新後的代碼。

1 2 3 4 5 6 7 8 9 10 11

@implementation ViewController   - (void)viewDidLoad {   [super viewDidLoad]; <br>　 //load an image   UIImage *image = [UIImage imageNamed:@"Snowman.png"];     //add it directly to our view's layer   self.layerView.layer.contents = (__bridge id)image.CGImage; } @end

圖表2.1 在UIView的宿主圖層中顯示一張圖片

咱們用這些簡單的代碼作了一件頗有趣的事情：咱們利用CALayer在一個普通的UIView中顯示了一張圖片。這不是一個UIImageView，它不是咱們一般用來展現圖片的方法。經過直接操做圖層，咱們使用了一些新的函數，使得UIView更加有趣了。

contentGravity

你可能已經注意到了咱們的雪人看起來有點。。。胖 ＝＝！ 咱們加載的圖片並不恰好是一個方的，爲了適應這個視圖，它有一點點被拉伸了。在使用UIImageView的時候遇到過一樣的問題，解決方法就是把contentMode屬性設置成更合適的值，像這樣：

1 2	//設置內容的顯示方式爲適應 view.contentMode = UIViewContentModeScaleAspectFit;

這個方法基本和咱們遇到的狀況的解決方法已經接近了（你能夠試一下 :) ），不過UIView大多數視覺相關的屬性好比contentMode，對這些屬性的操做實際上是對對應圖層的操做。

CALayer與contentMode對應的屬性叫作contentsGravity，可是它是一個NSString類型，而不是像對應的UIKit部分，那裏面的值是枚舉。contentsGravity可選的常量值有如下一些：

• kCAGravityCenter
• kCAGravityTop
• kCAGravityBottom
• kCAGravityLeft
• kCAGravityRight
• kCAGravityTopLeft
• kCAGravityTopRight
• kCAGravityBottomLeft
• kCAGravityBottomRight
• kCAGravityResize
• kCAGravityResizeAspect
• kCAGravityResizeAspectFill

和cotentMode同樣，contentsGravity的目的是爲了決定內容在圖層的邊界中怎麼對齊，咱們將使用kCAGravityResizeAspect，它的效果等同於UIViewContentModeScaleAspectFit， 同時它還能在圖層中等比例拉伸以適應圖層的邊界。

1	self.layerView.layer.contentsGravity = kCAGravityResizeAspect;

圖2.2 能夠看到結果

圖2.2 正確地設置contentsGravity的值