中学理科1628254 views
小学理科718254 views
中学数学622374 views
教育149163 views
Computer366393 views
LaTeX959099 views
ヒストリア286805 views
いろは2997386 views
中学社会667610 views
高校生物550487 views

SwiftのUIImageViewで表示する画像を角丸(円)にする

UIImageViewを次のようにextensionする。masksToBounds、cornerRadius、clipsToBoundsの3つを設定する。

import UIKit

extension UIImageView {

func circle() {
layer.masksToBounds = false
layer.cornerRadius = frame.width/2
clipsToBounds = true
}
}

レイヤーだけでなくclipsToBoundsを忘れないことがポイント。

あとは角丸にしたいUIImageViewについて

v = UIImageView(frame: CGRect(x: 8, y: 8, width: 48, height: 48))
v.circle()

などとする。