Android Studio :如何添加渐变到角落按钮

oaxa6hgo  于 2023-01-15  发布在  Android
关注(0)|答案(2)|浏览(150)

我想为我的样本应用程序设计一个登录界面,像其他应用程序一样,在登录我有3个按钮。
1.使用google登录
1.使用我的应用的帐户登录
1.注册一个帐户
每个按钮,我有角落,它通过xml,但我仍然希望在它的一些梯度,但不知道如何加起来
我尝试添加梯度到xml文件

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners
        android:bottomRightRadius="45dp"
        android:bottomLeftRadius="45dp"
        android:topRightRadius="45dp"
        android:topLeftRadius="45dp"
        ></corners>
    <gradient
        android:startColor="@color/white"
        android:endColor="#AEAEAE"
        android:angle="120"></gradient>
    </shape>

但是按钮总是以它的基色出来,并且角仍然是圆的
我还是一个新手,所以如果有人能给予我一步一步的答案,我将不胜感激。谢谢

zwghvu4y

zwghvu4y1#

请尝试使用AppCompatButton而不是Button。

<androidx.appcompat.widget.AppCompatButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_background"/>
h7appiyu

h7appiyu2#

您可以将AppCompatTextViewandroid:background="@drawable/button_background"一起使用,并且不要忘记将其设置为可单击android:clickable="true" android:focusable="true"示例

<androidx.appcompat.widget.AppCompatTextView
                    android:layout_width="match_parent"
                    android:layout_height="60dp"
                    android:clickable="true"
                    android:focusable="true"
                    android:background="@drawable/button_background"
                    android:text="sign_in" />

如果你想要涟漪效应,你可以像这样把它加到button_background

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#8014B3">
  <item>
    <shape android:shape="rectangle">
        <corners
            android:bottomRightRadius="45dp"
            android:bottomLeftRadius="45dp"
            android:topRightRadius="45dp"
            android:topLeftRadius="45dp"
            ></corners>
        <gradient
            android:startColor="@color/white"
            android:endColor="#AEAEAE"
            android:angle="120"></gradient>
    </shape>
  </item>
</ripple>

相关问题