# 圓角 ????圓角矩形是iOS的一個標志性審美特性。這在iOS的每一個地方都得到了體現，不論是主屏幕圖標，還是警告彈框，甚至是文本框。按照這流行程度，你可能會認為一定有不借助Photoshop就能輕易創建圓角舉行的方法。恭喜你，猜對了。 ????CALayer有一個叫做`conrnerRadius`的屬性控制著圖層角的曲率。它是一個浮點數，默認為0（為0的時候就是直角），但是你可以把它設置成任意值。默認情況下，這個曲率值只影響背景顏色而不影響背景圖片或是子圖層。不過，如果把`masksToBounds`設置成YES的話，圖層里面的所有東西都會被截取。 ????我們可以通過一個簡單的項目來演示這個效果。在Interface Builder中，我們放置一些視圖，他們有一些子視圖。而且這些子視圖有一些超出了邊界（如圖4.1）。你可能無法看到他們超出了邊界，因為在編輯界面的時候，超出的部分總是被Interface Builder裁切掉了。不過，你相信我就好了 :)  圖4.1 兩個白色的大視圖，他們都包含了小一些的紅色視圖。 ????然后在代碼中，我們設置角的半徑為20個點，并裁剪掉第一個視圖的超出部分（見清單4.1）。技術上來說，這些屬性都可以在Interface Builder的探測板中分別通過『用戶定義運行時屬性』和勾選『裁剪子視圖』(Clip Subviews)選擇框來直接設置屬性的值。不過，在這個示例中，代碼能夠表示得更清楚。圖4.2是運行代碼的結果 清單4.1 設置`cornerRadius`和`masksToBounds` ~~~ @interface ViewController () @property (nonatomic, weak) IBOutlet UIView *layerView1; @property (nonatomic, weak) IBOutlet UIView *layerView2; @end @implementation ViewController - (void)viewDidLoad {??? [super viewDidLoad]; //set the corner radius on our layers self.layerView1.layer.cornerRadius = 20.0f; self.layerView2.layer.cornerRadius = 20.0f; //enable clipping on the second layer self.layerView2.layer.masksToBounds = YES; } @end ~~~  ????右圖中，紅色的子視圖沿角半徑被裁剪了 ????如你所見，右邊的子視圖沿邊界被裁剪了。 ????單獨控制每個層的圓角曲率也不是不可能的。如果想創建有些圓角有些直角的圖層或視圖時，你可能需要一些不同的方法。比如使用一個圖層蒙板（本章稍后會講到）或者是CAShapeLayer（見第六章『專用圖層』）。