Android マテリアルデザイン ボタンスタイル 質問する

Android マテリアルデザイン ボタンスタイル 質問する

マテリアル デザインのボタン スタイルについて混乱しています。添付の​​リンクにあるような、使用方法セクションの下にある「強制停止」ボタンや「アンインストール」ボタンのような、カラフルな浮き出たボタンを取得したいと考えています。使用可能なスタイルはありますか、それとも定義する必要がありますか?

http://www.google.com/design/spec/components/buttons.html#buttons-usage

デフォルトのボタンスタイルが見つかりませんでした。

例:

 <Button style="@style/PrimaryButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Calculate"
    android:id="@+id/button3"
    android:layout_below="@+id/editText5"
    android:layout_alignEnd="@+id/editText5"
    android:enabled="true" />

ボタンの背景色を変更しようとすると、

    android:background="@color/primary"

タッチアニメーション、影、丸い角などのすべてのスタイルが消えます。

ベストアンサー1

他の回答はどれも使用しないので、自分の回答を追加します。

サポート ライブラリ v7 では、すべてのスタイルがすでに定義されており、すぐに使用できます。標準ボタンでは、次のすべてのスタイルが利用可能です。

style="@style/Widget.AppCompat.Button"
style="@style/Widget.AppCompat.Button.Colored"
style="@style/Widget.AppCompat.Button.Borderless"
style="@style/Widget.AppCompat.Button.Borderless.Colored"

Widget.AppCompat.Button:ここに画像の説明を入力してください

Widget.AppCompat.Button.Colored:ここに画像の説明を入力してください

Widget.AppCompat.Button.Borderless ここに画像の説明を入力してください

Widget.AppCompat.Button.Borderless.Colored:ここに画像の説明を入力してください


質問に答えるためには、使用するスタイルは次のようになります

<Button style="@style/Widget.AppCompat.Button.Colored"
.......
.......
.......
android:text="Button"/>

色を変える方法

アプリ全体について:

colorAccentすべてのUIコントロール(ボタンだけでなく、フローティングアクションボタン、チェックボックスなど)の色は、説明したように属性によって管理されます。こここのスタイルを変更し、テーマ定義で独自の色を適用できます。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="colorAccent">@color/Orange</item>
</style>

特定のボタンの場合:

特定のボタンのスタイルを変更する必要がある場合は、上記の親スタイルのいずれかを継承して新しいスタイルを定義できます。以下の例では、背景色とフォント色を変更しました。

<style name="AppTheme.Button" parent="Widget.AppCompat.Button.Colored">
    <item name="colorButtonNormal">@color/Red</item>
    <item name="android:textColor">@color/White</item>
</style>

次に、次のようにしてこの新しいスタイルをボタンに適用します。

android:theme="@style/AppTheme.Button"

レイアウトでデフォルトのボタン デザインを設定するには、styles.xml テーマに次の行を追加します。

<item name="buttonStyle">@style/btn</item>

ボタンのテーマはどこに@style/btnありますか。これは、特定のテーマを持つレイアウト内のすべてのボタンのボタンスタイルを設定します。

おすすめ記事