浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【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 の角を丸くする方法についてでした。
ご参考になれば幸いです。

  • この記事いいね! (0)