Button设置elevation阴影

解决Button阴影与动画冲突
本文详细解析了在Android开发中,如何解决Button组件的elevation阴影效果与点击动画之间的冲突问题,通过调整布局和使用特定样式实现既美观又实用的按钮设计。

Button设置elevation阴影没效果是因为默认主题里,已经有了elevation设置,所以再设置就没用了,可以先用android:stateListAnimator="@null"把默认动画置空,然后再设置elevation,还要设置背景颜色,没有背景颜色是没有阴影效果的。设置完后运行效果如下图,(感谢南哥全程指导)

  <Button
    android:id="@+id/bt_main"
    android:elevation="10dp"
    android:stateListAnimator="@null"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/holo_orange_light"
    android:text="Button" />

 <Button
    android:id="@+id/bt_main1"
    android:elevation="10dp"
    android:layout_marginTop="20dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/holo_orange_light"
    android:text="Button1" />

可以看出已经有了阴影效果,请淡定,你这个时候再点击Button时会发现,Button按下动画效果没有了,影响到了用户体验。(感谢南哥全程指导)

Button有阴影

Button1无阴影

###按下动画问题解决:
把Button外面嵌套一层LinerLayout把elevation属性放到LinerLayout里,设置背景颜色,没有背景颜色是看不到阴影效果的。给Button一个样式style="@style/Widget.AppCompat.Button.Borderless"

 <LinearLayout
    android:elevation="10dp"
    android:layout_width="300dp"
    android:layout_height="100dp"
    android:background="#E99700">

    <Button
        style="@style/Widget.AppCompat.Button.Borderless"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 </LinearLayout>

可以看到现在点击已经有了动画效果(感谢南哥全程指导)

有阴影,有点击效果(1)

有阴影,有点击效果(2)

本文有很多不足之处,劳请各位博友留言评论,让我好借鉴完善本篇文章。
文末再次感谢南哥,你是我的榜样,是我学习的对象。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值