如何为Android设计带渐变和阴影的按钮?

时间:2017-09-08 00:07:33

标签: android xml button colors

如何在Android中创建如下所示的按钮?在大多数情况下,我按下按钮的主要部分。我似乎无法弄清楚阴影和点击动画。

按钮

<Button
    android:text="Connect"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/connectionStatus"
    android:layout_centerHorizontal="true"
    android:id="@+id/button"
    android:background="@drawable/button_background"
    android:minWidth="300dp"
    android:layout_marginTop="32dp"
    android:onClick="onClick"
    android:textColor="#fff"
    />

这是可绘制的

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#21D4FD"
        android:endColor="#B721FF"
        android:angle="45"
    />
    <corners android:bottomLeftRadius="20dip"
        android:topRightRadius="20dip"
        android:topLeftRadius="20dip"
        android:bottomRightRadius="20dip"
    />
</shape>

这就是我目前所拥有的:

What I have

这就是我想要的:

What I want

2 个答案:

答案 0 :(得分:0)

您应该尝试This在按钮上制作渐变。

了解详情请点击Here

答案 1 :(得分:0)

我为您图片中的 4 个按钮找到了解决方案。我将图书馆与我自己的 drawable 和一个技巧结合起来,达到了您正在寻找的 Button。看看this,这是我的剧透:

My approach