中学理科1627564 views
世界の国561479 views
いろは2993462 views
小学社会308942 views
Computer365920 views
LaTeX958345 views
高校生物550226 views
高校化学2915516 views
高校日本史190006 views
英語609347 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()

などとする。