Kotlin で View を角丸にする

Kotlin で View を角丸にする
Kotlin で View を角丸にする

この記事では、AndroidアプリのUIでViewやボタンの角丸のやり方を説明していく。

Viewやボタンの角丸のやり方

レイアウトを角丸で表現するには、drawableにソースファイルを作って実現できる。まず、resdrawableディレクトリにshape_rounded_corners_10dp.xmlの名前でdrawable resource fileを新規作成する。次の内容で作成した。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <corners android:radius="10dp"/>
    <solid android:color="@color/colorPrimary"/>
    <stroke android:color="@color/colorPrimaryDark"
            android:width="4dp" />
</shape>

そしてLinearLayoutButtonTextViewなど角丸にしたい要素のbackground属性に、さきほどのリソースファイルを指定する。たとえばこんな感じ。

android:background="@drawable/shape_rounded_corners_10dp"

すると、図の角丸を作ることができる。

角丸のボタン
角丸のボタン

参考

▼ こんな記事も書いてます。

記事に関するご質問などがあれば、
@tosisico または お問い合わせ までご連絡ください。
関連記事