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>

Пульсации и фон для кнопки, как растяжимой primary_round.xml :

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

Это добавило волновой эффект, который я искал .

3AlexKorovyansky @

Если я вас правильно понял, вы хотите сделать что-то вроде этого:  Android Материал Дизайн стили кнопок

В таком случае, она должна быть достаточно, чтобы использовать:

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

В дополнение к https://developer.android.com/training/material/theme.html .

Анимированные вариант http://youtu.be/LIKmGYug4ng .

4samkya @

Вотпример, который поможет в применении стиль кнопки последовательно через ваше приложение .

Вотобразец Тема I используется с определенными стилями ..

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

Это, как я определил форму & усилитель кнопку ; воздействие внутри RES / папки холст -V21 ...

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

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

Просто получить идея, и вы готовы пойти.

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimaryDark"/>

Руководство по установке : http://antonioleiva.com/material-design-everywhere/

Источник с примером : https://github.com/antoniolg/MaterialEverywhere

Для того, чтобы Toolbar работать нижний API 11 Использование Theme.AppCompat.Light.NoActionBar (вместо windowActionBar установлен в ложь)

<style name="NoActionBarTheme" parent="Theme.AppCompat.Light.NoActionBar">
     ...
</style>
2. Material Design Library

Вот Материал Библиотека проектирования для красивых кнопок и т.д .. В настоящее время это активно развиваться .

Руководство, код, пример - https://github.com/navasmdc/MaterialDesignLibrary

Руководство Как добавить библиотеку Android Studio 1.0 - http://stackoverflow.com/questions/27364565/how-to-import-material-design-library-to-android-studio

.

Happy coding ;)