要求仕様とレンダリング

実装のアイデア

shapeは角丸を実装しています。

での ドローアブル 2つの新しいxmlファイルを作成し、shapeを使用して角丸を実装する。

注
押し下げる体験をさせたいので、押し下げた時に切り替わる丸みを帯びた画像を2セット用意する必要があります

セレクタはプレス効果を実装しています

での ドローアブル 新しいxmlファイルを作成し、先ほど作成した2つのxmlファイルをセレクタで整理する

 <style name="SmsButton">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textSize">20sp</item>
        <item name="android:background">@drawable/button_shape</item>
        <item name="android:textColor">@color/white</item>
    </style>

スタイルは、複数のボタンの再利用を実装しています。

res/values/styles.xmlに以下のコードを入力します。

   <Button
            android:id="@+id/fireup"
            style="@style/SmsButton"
            android:layout_marginEnd="20dp"
            android:layout_marginStart="20dp"
            android:text="@string/fireup" />

引用元: 角丸ボタン

layout/fragment_bomb.xml の style で参照されています。

   <Button
            android:id="@+id/fireup"
            style="@style/SmsButton"
            android:layout_marginEnd="20dp"
            android:layout_marginStart="20dp"
            android:text="@string/fireup" />

概要

スタイルを作成するステップを省略し、レイアウトで直接参照することができます。