某次做项目,测试这边找到我,说是按钮出现了阴影效果。我当时是懵逼的,因为我确定
以及肯定我是没有做过阴影效果,但是拿过来一看,的确是存在。通过查看源码,发现Button继承自TextView,然后有一个构造方法this.(context,attrs,com.android.internal.R.attr.buttonStyle),想来就是这个影响到了,这也是为什么TextView为什么没有问题,推荐一篇文章有相关的内容。可以看下面图片的底部按钮,按钮下边明显出现了一些灰色部分。
先来看一下代码:
MainActivity.java就不用看了就是加载布局没有做其他任何处理。
activity_gradient.xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/tv_gradient_one"
android:gravity="center"
android:text="我是TextView"
android:textColor="#ffffff"
android:layout_margin="20dp"
android:background="@drawable/bg_gradient"
android:layout_width="match_parent"
android:layout_height="44dp" />
<Button
android:layout_below="@+id/tv_gradient_one"
android:layout_marginBottom="20dp"
android:text="我是Button"
android:textColor="#ffffff"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:background="@drawable/bg_gradient"
android:layout_width="match_parent"
android:layout_height="44dp" />
<Button
android:layout_marginBottom="20dp"
android:layout_alignParentBottom="true"
android:text="我是Button"
android:textColor="#ffffff"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:background="@drawable/bg_gradient"
android:layout_width="match_parent"
android:layout_height="44dp" />
</RelativeLayout>
在drawable文件夹中增加一个背景文件bg_gradient.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="20dp"/>
<gradient android:angle="45"
android:startColor="#4d76b3"
android:endColor="#6600ff"/>
</shape>
通过图片发现,上面的button是看不到阴影的,底部button是使用了android:layout_alignParentBottom=“true”,这是不同之处。或者直接替换成TextView阴影就不存在了。看到网上有一种方法:在xml文件Button控件中增加 style="?android:attr/borderlessButtonStyle"就可以了。