Androidでボタンの形を変える方法

2018年1月12日2019年5月13日

Androidでボタンの形を変える手順

Androidではボタンの形はデフォルトで角が尖った四角形のボタンとなります。

このボタンの形を変えるには下記の手順でxmlを作成していきます。

Shape属性を使用してボタンの形を定義するxmlを作成する
形を変えたいボタンのbackground属性に先程作成したxmlを指定する

それでは具体的な手順を見ていきましょう

Shapeタグを使用してボタンの形を定義するxmlを作成する

ボタンの形を変えたい場合、res/drawable/以下に形を定義するxmlファイルを作成します。

今回のサンプルではbutton_background.xmlとします。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#ffff4444"/>
    <corners android:radius="8dp"/>
    <stroke
        android:color="#ffffff"
        android:width="2dp"/>
</shape>

Shapeタグの中で設定できるタグは下記のとおりとなります。

<corners>角丸にする

     <corners android:radius="6dp" />

<solid>色をつける

     <solid android:color="#ffff4444"/>

<stroke>枠線をつける

     <stroke
         android:color="#ffffff"
         android:width="2dp"/>

<padding>パディングを設定する

    <padding
         android:left="10dp"
         android:top="10dp"
         android:right="10dp"
         android:bottom="10dp" />

<size>サイズを設定する

     <size
         android:height="30dp"
         android:width="30dp" />

レイアウトを変えたいボタンのbackground属性に先程作成したxmlを指定する

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button_1"
    android:id="@+id/button1"
    android:background="@drawable/button_background"/>