Gunakan Storyboard untuk menutupi UIView dan memberikan sudut membulat?

Banyak pertanyaan seperti ini menjelaskan cara membuat mask secara terprogram dan memberikan sudut membulat ke UIView.

Apakah ada cara untuk melakukan semuanya dalam Papan Cerita? Hanya bertanya karena sepertinya membuat sudut membulat di Storyboard membuat demarkasi yang lebih jelas antara presentasi dan logika.

Ya, saya sering menggunakannya tapi pertanyaan seperti ini sudah dijawab berkali-kali.

Tapi bagaimanapun juga di Interface Builder. Anda perlu menambahkan Atribut Waktu Proses yang Ditentukan Pengguna seperti ini:

layer.masksToBounds Boolean YES
layer.cornerRadius Number {View's Width/2}

dan aktifkan

Clips subviews

Hasil:

Anda dapat melakukannya di storyboard dengan menggunakan properti yang ditentukan pengguna. Pilih tampilan yang ingin Anda bulatkan dan buka Identity Inspector. Di bagian Atribut Waktu Proses yang Ditentukan Pengguna , tambahkan dua entri berikut:

• Jalur Kunci:, layer.cornerRadiusJenis: Angka, Nilai: (radius apa pun yang Anda inginkan)
• Jalur Kunci:, layer.masksToBoundsJenis: Boolean, Nilai: diperiksa

Anda mungkin harus mengimpor QuartzKitfile kelas yang sesuai dengan tampilan Anda (jika ada), tetapi saya bersumpah saya telah membuatnya berfungsi tanpa melakukan itu. Hasil Anda mungkin berbeda.

EDIT: Contoh radius dinamis

extension UIView {

    /// The ratio (from 0.0 to 1.0, inclusive) of the view's corner radius
    /// to its width. For example, a 50% radius would be specified with
    /// `cornerRadiusRatio = 0.5`.
    @IBDesignable public var cornerRadiusRatio: CGFloat {
        get {
            return layer.cornerRadius / frame.width
        }

        set {
            // Make sure that it's between 0.0 and 1.0. If not, restrict it
            // to that range.
            let normalizedRatio = max(0.0, min(1.0, newValue))
            layer.cornerRadius = frame.width * normalizedRatio
        }
    }

}

Saya memverifikasi bahwa ini berfungsi di taman bermain.

Pilih tampilan

extension UIView {

    @IBInspectable var cornerRadiusV: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }

    @IBInspectable var borderWidthV: CGFloat {
        get {
            return layer.borderWidth
        }
        set {
            layer.borderWidth = newValue
        }
    }

    @IBInspectable var borderColorV: UIColor? {
        get {
            return UIColor(cgColor: layer.borderColor!)
        }
        set {
            layer.borderColor = newValue?.cgColor
        }
    }
}

Bahkan setelah membuat semua perubahan di papan cerita, jawaban Woraphot tidak berhasil untuk saya.

Ini berhasil untuk saya:

layer.cornerRadius = 10
layer.borderWidth = 1
layer.borderColor = UIColor.blue.cgColor

Jawaban panjang :

Sudut Bulat UIView / UIButton dll

customUIView.layer.cornerRadius = 10

Ketebalan Perbatasan

pcustomUIView.layer.borderWidth = 1

Warna Tepi

customUIView.layer.borderColor = UIColor.blue.cgColor