2016年8月11日 星期四

[Objective-C] 在元件中加入邊框的方法

有時候你會需要一些元件有邊框,像是特定的View或者是Button之類的。

大部分的元件都是繼承於UIView,而UIView裡面有個屬性叫做layer,我們可以利用這個layer來簡單的加入邊框。

我們加入一個Button,並且加入厚度為2的邊框,在設置邊框的顏色,你只需要這樣做。



你會得到這樣的效果



























那麼,如果你只想加特定位置的邊框該怎麼做呢?

例如有一個View,只有上下想要加入邊框。

我會建議你針對CaLayer寫一個Category,這樣你就可以在所有有繼承UIView的元件中使用了。

先創建一個Class,將名字命名為CALayer+Board。







在h檔中import UIKit,並加入以下的程式碼。



接著在m檔中,實作剛才加入的方法。



接著該怎麼用呢,你只要在你要用的類別中import你剛才實作的Category

然後再針對View的layer使用你實作的方法即可。



你會得到以下的畫面



























如果你想要這篇的程式碼,可以到我的GitHub中取得

https://github.com/Aiur3908/ObjectiveC-SampleCode

裡面的AddBorder就是這篇的例子

沒有留言:

張貼留言