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)

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 这几天过的有些颓废,感觉现在这些日子完全没有什麽意义可言,莫名的情绪有些低落。 于是我发了一个朋友圈,我...
    芜己阅读 526评论 0 0
  • 天生万物,是足以满足人们需求的,满足不了的是人类无止境的欲望。 远离纷扰的世界,静下来想想自己的生活,我们就会觉得...
    26c0acdcc586阅读 325评论 0 5
  • 农村媳妇只会洗衣做饭?侍候老人孩子?接着往下看,你就不说什么了!有图有真相! 农村的媳妇上得了厅堂,下得了厨房 会...
    880f465a0f69阅读 230评论 0 0