1. 程式人生 > >UIView與CALayer的區別

UIView與CALayer的區別

1、UIView是IOS系統中介面元素的基礎,所有的介面元素都繼承自它。它本身完全是由CoreAnimation來實現的(Mac下似乎不是這樣)。它真正的繪圖部分是由一個叫CALayer(Core Animation Layer)的類來管理。UIView本身,更像是一個CALayer的管理器,訪問它的跟繪圖和跟座標有關的屬性,例如frame,bounds等等,實際上內部都是在訪問它所包含的CALayer的相關屬性。

2、UIView有個layer屬性,可以返回它的主CALayer例項,UIView有一個layerClass類方法,返回主layer所使用的類,UIView的子類,可以通過過載這個方法,來讓UIView使用不同的CALayer來顯示。

3、UIView的CALayer類似UIView的子View樹形結構,也可以向它的layer上新增layer,來完成某些特殊的表示。例如下面的程式碼:

    CALayer *grayLayer=[[CALayer alloc] init];

    grayLayer.backgroundColor=[[[UIColor redColor] colorWithAlphaComponent:1.0] CGColor];

    [self.view.layer addSublayer:grayLayer];

會在目標View上敷上一層紅色的透明薄膜。

4、UIView的layer樹形在系統內部,被系統維護著三份copy(這裡的理解可能不準確)

   第一份,邏輯樹,就是程式碼裡可以操縱的,例如更改layer的屬性等等就在這一份。

   第二份,動畫樹,這是一箇中間層,系統正在這一層上更改屬性,進行各種渲染操作。

   第三份,顯示樹,這棵樹的內容是當前正被顯示在螢幕上的內容。

   這三棵樹的邏輯結構都是一樣的,區別只有各自的屬性。

5、動畫的動作

   UIView的主layer以外(覺得是這樣),對它的subLayer,也就是子layer的屬性進行更改,系統將自動進行動畫生成,動畫持續時間有個預設時間,感覺大概是0.5秒。在動畫時間裡,系統自動判斷哪些屬性更改了,自動對更改的屬性進行動畫插值,生成中間幀,然後連續顯示產生動畫效果。

6、座標系系統(對position和anchorPoint的關係不是很清楚)

   CALayer的座標系系統和UIView有點不一樣,它多了一個叫anchorPoint的屬性,它使用CGPoint結構,但值域是0至1,也就是按比例來設定的。這個點是各種圖形變換的座標原點,同時會更改layer的position位置,它的預設值是{0.5,0.5},也就是在layer 的中央。

   某 layer.anchorPoint=CGPointMake(0.f,0.f);

   若這麼設定,layer的左上角就會被挪到原來的中間的位置。

   但是加上這句程式碼就好了:

   某 layer.position=CGPointMake(0.f,0.f);

7、需要注意的:

   layer可以設定圓角顯示,例如UIButton的效果,也就是設定陰影顯示,但是如果layer樹中的某個layer設定了圓角,樹中所有layer的陰影效果都將顯示不了。如果既想有圓角又要陰影,好像只能做兩個重疊的UIView,一個顯示圓角,一個顯示陰影。

CALayer 的一些重要屬性:

1). shadowPath : 設定 CALayer 背景(shodow)的位置

2). shadowOffset : shadow 在 X 和 Y 軸 上延伸的方向,即 shadow 的大小

3). shadowOpacity : shadow 的透明效果

4). shadowRadius : shadow 的漸變距離,從外圍開始,往裡漸變 shadowRadius 距離

5). masksToBounds : 很重要的屬性,可以用此屬性來防止子元素大小溢位父元素,如若防止溢位,請設為 true

6). borderWidth 和 boarderColor : 邊框顏色和寬度,很常用

7). bounds : 對於我來說比較難的一個屬性,測了半天也沒完全瞭解,只知道可以用來控制 UIView 的大小,但是不能控制 位置

8). opacity : UIView 的透明效果

9). cornerRadius : UIView 的圓角

例 1:

//以下是為了使圖片有陰影,用了兩個layer層

    CALayer *subLayer=[CALayer layer];

    subLayer.backgroundColor=[[UIColor greenColor] CGColor];

    subLayer.shadowOffset=CGSizeMake(-10, 10);

    subLayer.shadowRadius=5.0;

    subLayer.shadowColor=[[UIColor blackColor] CGColor];

    subLayer.shadowOpacity=0.7;

    subLayer.borderColor=[UIColor blackColor].CGColor;

    subLayer.borderWidth=2.0f;

    subLayer.cornerRadius=10;

    subLayer.frame=CGRectMake(30, 40, 128, 192);

    [self.layer addSublayer:subLayer];

    CALayer *imageLayer=[CALayer layer];

    imageLayer.frame=subLayer.bounds;

    imageLayer.masksToBounds=YES;

    imageLayer.cornerRadius=10;

    imageLayer.contents=(id)[UIImage imageNamed:@"test0.png"].CGImage;

    [subLayer addSublayer:imageLayer];