今まで使う機会がなかった、Android の TextView
の角を丸くする方法についてです。
CSS や Swift と違い、XML ファイルを作成する必要があります。
で、こういった指定の方法だと今後使うときに忘れそうだったのでまとめ。
今回参考にさせていただいた記事はこちらから。
AndroidでViewを角丸にする – Qiita
https://qiita.com/masaibar/items/3df3ebbb981cd274fe78
実装方法ですが、まず View を角丸にするための XML ファイルを作成します。
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <corners android:topRightRadius="5dp" android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp" android:topLeftRadius="5dp" /> <solid android:color="#FFF" /> </shape> </item> </selector>
なお、こちらのファイルでは View の角には 5dp の丸みが付き、背景色は白色になっています。
ファイルの保存場所は drawable/shape_rounded_corners.xml
です。
こちらを作成したら、あとは角丸にしたい TextView
の android:background
に上記のファイルを指定すればOKです。
サンプルコードは下記のとおりです。
<TextView android:layout_height="wrap_content" android:layout_width="match_parent" android:background="@drawable/shape_rounded_corners" android:padding="10dp" android:layout_margin="15dp" android:text="@string/message" />
4行目の android:background
で、上記で作成した XML ファイルを読み込んでいます。
設定は以上です。
実機で実行したところ、問題なく TextView の角が丸くなっていました。
以上、Android の TextView の角を丸くする方法についてでした。
ご参考になれば幸いです。