【Android】TextViewの角を丸くする方法

今まで使う機会がなかった、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 です。

こちらを作成したら、あとは角丸にしたい TextViewandroid: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 の角を丸くする方法についてでした。
ご参考になれば幸いです。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG