2018/01/23

UILabelを円形にする – Swift4.0

今回はストーリーボードの設定です。

http://caters.works/2015/03/ios-corner-radius/ より

ストーリーボードの修正

表示したUILabelを選択 -> Identity inspector(左から三番目)を選択 -> User Defined Runtime Attributesに下記を入力

・layer.cornerRadius | Number | ValueはUIlabelサイズの半分にする
・clipsToBounds | Boolean | ✔︎

円にするには

ラベルのサイズをwidth, heightで同じ値にすると正方形になりますが、
cornerRadiusをその値の半分にすると円になります。
(例:width: 100, height: 100, cornerRadius -> 50)

単純にLabelの角を丸くしたいだけだったら、cornerRadius: 3 とかにすれば丸くなります。


お知らせ

ヒヨコ歩数計という歩きながらヒヨコが育っていくアプリを作って、いろんな方に結構使ってもらっています。
RealmSwift, Admobの動画・インステ・バナー広告、UICollectionView、iOS-Charts、UITableViewを使用しているので、是非ご利用ください!