如何使用@IBDesignable和@IBInspectable在UIView中自定義此圖像選項卡更好

Question

如何在UIView中繪製下列選項卡圖像？文本是可變的，這意味着圖像可以寬度拉伸。而且我知道在XCode6中，它支持實時渲染。所以我認爲如果可能的話，它的顏色，文本和大小可以在屬性檢查器中設置。

Answer 1

你必須創建一個自定義類的基礎上的UIView。這個類聲明爲@IBDesignable並且具有@IBInspectable屬性。覆蓋UIView.drawRect()，並且完全免費顯示您的視圖。

這是一個示例類，讓你開始。

import UIKit 

@IBDesignable 
class MyTabView: UIView { 
    @IBInspectable tabTitle: String = "" 
    @IBInspectable tabColor: UIColor = UIColor.clearColor() 

    override init(frame: CGRect) { 
     super.init(frame: frame) 
     // Initialization code 
    } 

    required init(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
    } 

    override func prepareForInterfaceBuilder() { 
     // stuff for interface builder only 
    } 

    override func drawRect(rect: CGRect) 
    { 
     // this is where your view gets drawed 
     self.layer.cornerRadius = 10 
     self.layer.masksToBounds = true 
    } 
}