我对材质设计的纽扣款式很困惑。我想要像附件链接那样的彩色凸起按钮。,比如用法部分下面的“强制停止”和“卸载”按钮。是否有可用的样式或者我需要定义它们?
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"
所有的样式都消失了,比如触摸动画、阴影、圆角等等。
下面是一个示例,它将有助于在整个应用程序中一致地应用按钮样式。
这是一个样本主题,我使用特定的风格..
<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/drawable-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角与材质主题保持一致。
您可以使用
材料组件库。
将依赖项添加到build.gradle:
dependencies { implementation ‘com.google.android.material:material:1.3.0’ }
然后添加MaterialButton到你的布局:
<com.google.android.material.button.MaterialButton
style="@style/Widget.MaterialComponents.Button.OutlinedButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
app:strokeColor="@color/colorAccent"
app:strokeWidth="6dp"
app:layout_constraintStart_toStartOf="parent"
app:shapeAppearance="@style/MyShapeAppearance"
/>
你可以在这里查看完整的文档和API。
要改变背景颜色,你有两个选项。
使用backgroundTint属性。
喜欢的东西:
<style name="MyButtonStyle"
parent="Widget.MaterialComponents.Button">
<item name="backgroundTint">@color/button_selector</item>
//..
</style>
在我看来,这是最好的选择。如果你想覆盖一些默认样式的主题属性,那么你可以使用新的materialThemeOverlay属性。
喜欢的东西:
<style name="MyButtonStyle"
parent="Widget.MaterialComponents.Button">
<item name=“materialThemeOverlay”>@style/GreenButtonThemeOverlay</item>
</style>
<style name="GreenButtonThemeOverlay">
<!-- For filled buttons, your theme's colorPrimary provides the default background color of the component -->
<item name="colorPrimary">@color/green</item>
</style>
选项2至少要求版本为1.1.0。
你可以使用下列样式之一:
填充按钮(默认):style="@style/Widget.MaterialComponents.Button .
文本按钮:style="@style/Widget.MaterialComponents.Button.TextButton"
OutlinedButton:风格= " @style / Widget.MaterialComponents.Button.OutlinedButton”
旧支持库:
在新的支持库28.0.0中,设计库现在包含了MaterialButton。
你可以添加这个按钮到我们的布局文件:
<android.support.design.button.MaterialButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="YOUR TEXT"
android:textSize="18sp"
app:icon="@drawable/ic_android_white_24dp" />
默认情况下,这个类将使用主题的强调色作为按钮填充的背景色,并使用白色作为按钮的文本颜色。
你可以用这些属性自定义按钮:
app:rippleColor:用于按钮涟漪效果的颜色
app:backgroundTint:用于为按钮的背景添加色调。如果您希望更改按钮的背景颜色,请使用此属性而不是背景。
app:strokeColor:用于按钮描边的颜色
app:strokeWidth:用于按钮描边的宽度
app:cornerRadius:用于定义按钮边角的半径
我是这样得到我想要的东西的。
首先,创建一个按钮(在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>
这增加了我正在寻找的连锁反应。