iOS項目開發實戰——使用Xcode6設計自訂控制項與圖形

標籤：ios   swift   自訂控制項   

       在iOS開發中，有許多控制項都是Xcode預設提供的。使用這些控制項是非常方便的。但是由於某些需要，需要自己設計控制項，那麼應該怎麼做呢？在Xcode6中提供了這樣的介面，允許開發人員快速開發自訂控制項，並且可以提供即時預覽功能。具體實現步驟如下：

（1）建立一個Single View Application，Language選擇Swift。然後在系統配置主介面中點擊項目名稱，選擇Add Target.

.

.

（2）然後在彈出的對話方塊中選擇Cocoa Touch Framework,輸入名字即可。我輸入的項目名稱是CustomViews。

。

（3）建立完上述的Cocoa Touch Framework後，項目目錄下多出了兩個檔案夾，現在的目錄結構如下：

。

（3）在CustomViews中建立一個Cocoa Touch Class。語言選擇Swift，類名任意取，注意SubClass of要選擇UIView，點擊建立即可。然後就會產生一個swift類。

。

（4）首先在Main.storyboard中拖入一個View控制項，可以自己隨意設定一個背景顏色等。等下就要用剛才的Swift類來自訂設定這個View控制項。注意這是個View控制項。

。

（5）然後在這個控制項的右側選擇Indentity Inspector中的Class中輸入剛才建立的Swift類，我輸入的是MyViews,然後系統預設會把Module也填上。

。

（6）然後我們就可以去MyViews.swift中對控制項進行自訂設定了。寫入如下代碼：首先要把該類聲明為@IBDesignable，表示是可被重新設計的。

import UIKit@IBDesignable class MyViews: UIView {    //邊框寬度；    @IBInspectable var borderWidth:CGFloat = 0{            didSet{                    layer.borderWidth = borderWidth        }    }        //邊框顏色；    @IBInspectable var borderColor:UIColor = UIColor.clearColor(){            didSet{                    layer.borderColor = borderColor.CGColor        }    }        //圓角半徑；    @IBInspectable var cornerRadius:CGFloat = 0{            didSet{                    layer.cornerRadius = cornerRadius        }    }        //背景顏色；    @IBInspectable var backgroundColors:UIColor = UIColor.clearColor(){            didSet{                    layer.backgroundColor = backgroundColors.CGColor        }    }    }

（7）然後再來到Main.storyboard中，選中剛才的View控制項，此時發現右側多了幾個設定屬性的選項，分別是設定邊框寬度，邊框顏色，圓角半徑和背景顏色，

。

通過改變屬性，可以在介面中實施查看當前的設計結果：

。

       通過以上步驟，我們就可以隨意的設計自己喜歡的控制項效果了。

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

iOS項目開發實戰——使用Xcode6設計自訂控制項與圖形