Android在Play商店应用UI中创建具有颜色和效果的按钮

时间:2015-02-01 15:47:45

标签: android android-ui material-design

Play Store app UI

我需要使用类似于Play商店UI的颜色和样式创建按钮和标题。 如何在不使用drawable的情况下单独使用颜色创建按钮? 当我将红色或绿色填充到按钮时没有像播放商店应用程序那样获得此效果

2 个答案:

答案 0 :(得分:3)

以下是显示仅使用xml可以执行的操作的按钮的快速示例:

<Button
    android:background="@drawable/button_red_round_corners"
    android:layout_width="180dp"
    android:layout_height="wrap_content"
    android:drawableLeft="@drawable/abc_ic_menu_paste_mtrl_am_alpha"
    android:drawableStart="@drawable/abc_ic_menu_paste_mtrl_am_alpha"
    android:paddingLeft="8dp"
    android:drawablePadding="8dp"
    android:textAllCaps="true"
    android:gravity="left|center_vertical"
    android:textColor="@android:color/white"
    android:text="Clipboard" />

其中button_red_round_cornersdrawable文件夹中定义为

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#EE0000" />
<corners android:radius="4dp" />

结果: Xml styled button

唯一的问题是,如果您使用android:background属性,则没有触摸反馈:-( 应该有一种方法可以使用Drawable Selectors

答案 1 :(得分:0)

android:drawableLeft="@drawable/abc_ic_menu_paste_mtrl_am_alpha"
android:drawableStart="@drawable/abc_ic_menu_paste_mtrl_am_alpha"

您可以在按钮中添加

    <Button ...
....
    />

无论你想要使用哪种绘画,你都可以放在那里