Go to Qiita Advent Calendar 2024 Top

1

More than 3 years have passed since last update.

#10 XcodeのUIButtonの角を丸くする1例

Last updated at 2019-11-21Posted at 2019-11-21

#はじめに
個人のメモ程度の出来なのであまり参考にしないで下さい．

#環境
Xcode：11.2.1
Swift：5.1.2
2019/11

##part1
VeiwにUIButtonを置き，制約を付ける．

スクリーンショット 2019-11-21 午後10.26.22.png

スクリーンショット 2019-11-21 午後10.26.01.png

##part2
テキストの大きさ，テキストの色，テキスト，背景色を変更する．

スクリーンショット 2019-11-21 午後10.32.39.png

##part3
UIButtonを選択した状態で，Identity inspectorのUser Defined Runtime Attributedsに新規の行を追加する．

Key Pathはlayer.cornerRadius
TypeはNumber
ValueはUIButtonのhightの半分

スクリーンショット 2019-11-21 午後10.42.51.png

##part4
Main.Storyboardでは角が丸く見えないが，ビルドすると端末上では角が丸くなる．

スクリーンショット 2019-11-21 午後10.41.29.png

1

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

1