Androidの材料設計のボタンスタイル

? xsorifc28 @ | Original: StackOverFlow

私は材料設計のためのボタンスタイルに困惑している。私は、添付のリンクのようにカラフルな隆起したボタンを取得したいのですが。 、用法セクションの下に見られる「力停止」と「アンインストール」ボタンのように。そこに利用可能なスタイルですか、私はそれらを定義する必要がありますか?

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

私は、デフォルトボタンのスタイルを見つけることができませんでした。

Example:

 <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"

すべてのスタイルは、などのタッチのアニメーション、影、丸みを帯びた角、として、離れて行く



Top 5 Respuesta

1Suhail Mehta @

あなたはそれにz軸を追加することによって、ビューへの航空を与えることができますし、そこにデフォルトのシャドウを持つことができます。この機能は、Lプレビューで提供されていたし、それが解放した後に利用できるようになります。あなたは、単に画像インクルードを追加することができます今のところは、ボタンの背景のために、この外観を与える



2xsorifc28 @

ここで私は私が望んで得た方法である。

まず、 ( 「 ____ 」の)ボタンを作った:

styles.xml

描画可能「 ____ 」としてボタンのリップルや背景、 :

<style name="Button">
    <item name="android:textColor">@color/white</item>
    <item name="android:padding">0dp</item>
    <item name="android:minWidth">88dp</item>
    <item name="android:minHeight">36dp</item>
    <item name="android:layout_margin">3dp</item>
    <item name="android:elevation">1dp</item>
    <item name="android:translationZ">1dp</item>
    <item name="android:background">@drawable/primary_round</item>
</style>

これは私が探していた波及効果を追加しました。

3AlexKorovyansky @

私が正しくあなたを理解していれば、あなたはこのような何かをしたい:  「 __rsm__ "

このような場合には、それだけで十分に使用するのでなければならない。

primary_round.xml

https://developer.android.com/training/material/theme.htmlに加えて。

アニメーションバリアントはhttp://youtu.be/LIKmGYug4ngです。

4samkya @

ここにあなたのアプリケーション全体で一貫してボタンのスタイルを適用するのに役立つだろうサンプルです。

ここで私は、特定のスタイルで使用するサンプル·テーマです..

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/primary_600">
  <item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <corners android:radius="1dp" />
        <solid android:color="@color/primary" />
    </shape>
  </item>
</ripple>

これは私が、ボタン形状&#038を定義した方法です。 RES /描画可能V21フォルダ内の効果...

<item name="android:colorButtonNormal">#2196f3</item>

2DPコーナーは素材のテーマと一致してそれを維持することである。

5Inoy @ Material Design from Android 2.2 (API 8) to present 5.0 (API 21)

ここでは、必要なもの:

Toolbar Material Design Library for widgets (buttons, checkboxes, etc) 1. Toolbar

ただアイデアを得る、あなたは準備ができて行くことに。

<style name="MyTheme" parent="@style/Theme.AppCompat.Light">
   <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="android:buttonStyle">@style/ButtonAppTheme</item>
</style>
<style name="ButtonAppTheme" parent="android:Widget.Material.Button">
<item name="android:background">@drawable/material_button</item>
</style>

セットアップガイド: http://antonioleiva.com/material-design-everywhere/

例と出所: https://github.com/antoniolg/MaterialEverywhere

ツールバーが低いAPI 11ユースTheme.AppCompat.Light.NoActionBarを動作させるために(代わりにwindowActionBar falseに設定)

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?attr/colorControlHighlight">
  <item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
      <corners android:radius="2dp" /> 
      <solid android:color="@color/primary" />
    </shape>
  </item>
</ripple>
2. Material Design Library

ここでは材料設計ライブラリは現在のところ、重く開発だ..などは、かなりのボタン用です。

ガイド、コード、例 - https://github.com/navasmdc/MaterialDesignLibrary

http://stackoverflow.com/questions/27364565/how-to-import-material-design-library-to-android-studio - Androidのメーカー1.0にライブラリを追加する方法をご案内

.

Happy coding ;)

Androidの材料設計のボタンスタイル