ios - 如何在 UIView 中自定义此图像选项卡，使用 @IBDesignable 和 @IBInspectable 更好

Question

如何在UIView中绘制下面的选项卡图像？文本是可变的，这意味着图像可以在宽度上拉伸(stretch)。我知道在XCode6中，它支持实时渲染。所以我想如果可能的话，它的颜色、文本和大小可以在属性检查器中设置。

Answer 1

您必须创建一个基于 UIView 的自定义类。此类声明为 @IBDesignable 并具有 @IBInspectable 属性。重写 UIView.drawRect()，您就可以完全自由地控制 View 的显示方式。

这里是一个示例类，可以帮助您入门。

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
    }
}