一個實時渲染的圓角檢視

這是 iOS 開發中的一個常見要求,它總是必須純粹在程式碼中完成(或使用影象 - 哎呀!)。現在,在 Interface Builder 中預覽他的那種東西非常容易,沒有理由不使用它。

這是程式碼: -

import UIKit

@IBDesignable
class MyRoundedView: UIView {

    @IBInspectable var radius: CGFloat = 8 {
        didSet {
            self.layer.cornerRadius = radius
        }
    }
    
    override func awakeFromNib() {
        self.layer.cornerRadius = self.radius
        self.layer.masksToBounds = true
    }
}

要使用此類,請將其新增到專案中,然後在 IB 中開啟故事板並建立一個體面大小的普通 UIView。給它一個背景顏色,以便你可以看到它,然後導航到右側 Utilities 面板中的 Identity Inspector,並將下拉選單中的類型別更改為 MyRoundedView

http://i.stack.imgur.com/MXBYU.jpg

執行此操作時,你應該會在模組下面看到第三個標籤,上面寫著 Designables,並且在更改為最新之前應該說更新片刻。這意味著 Xcode 已成功重新編譯 MyRoundedView 的程式碼。

現在你可以開啟屬性檢查器,你應該看到(可能在短暫停頓後)窗格頂部的新部分,標題為我的圓角檢視,標題為 Radius 的新屬性值為 8(因為那樣)是我們在程式碼中設定的初始值)。這已出現在 Attributes Inspector 中,因為我們將其標記為 @IBInspectable

你現在可以將其更改為另一個數字,你應該實時看到圓角檢視的圓角半徑更新!

http://i.stack.imgur.com/Sx0pz.jpg