1. ホーム
  2. android

Android マテリアルデザインボタン - ロリポップ以前

2023-10-26 01:26:27

質問

googleのマテリアルデザインガイドラインにある、「盛りボタン」と「フラットボタン」はどのように実装すればよいのでしょうか。


盛り上がったボタンは、平面的なレイアウトに立体感を与えます。また、混雑した場所や広い場所では、> を強調します。


ツールバーやダイアログにはフラットなボタンを使用し、過度なレイヤリングを回避します。

出典 http://www.google.com/design/spec/components/buttons.html

どのように解決するのですか?

Android 5.0 が必要です。

レイズドボタン

Widget.Material.Buttonからボタンスタイルを継承し、標準の昇降動作が自動的に適用されます。

<style name="Your.Button" parent="android:style/Widget.Material.Button">
    <item name="android:background">@drawable/raised_button_background</item>
</style>

次に raised_button_background.xml ファイルを作成し、ボタンの背景色をリップルタグ内に記述します。

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?attr/colorControlHighlight">
    <item android:drawable="@color/button_color"/>
</ripple>

フラットボタン

編集:フラットボタンに関する私の以前のアドバイスの代わりに、以下のStephen Kaiserのアドバイスに従うべきです。

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="DONE"
    style="?android:attr/borderlessButtonStyle"
/>

編集:サポートライブラリを使用している場合、ロリポップ以前のデバイスで同じ結果を得るには、次のように使用します。 style="?attr/borderlessButtonStyle" . (がないことに注意してください。 android: ) 上記の例は、次のようになります。

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="DONE"
    style="?attr/borderlessButtonStyle"
/>