美文网首页
Button设置elevation阴影

Button设置elevation阴影

作者: 老西子 | 来源:发表于2017-04-25 16:00 被阅读712次

    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)

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

    相关文章

      网友评论

          本文标题:Button设置elevation阴影

          本文链接:https://www.haomeiwen.com/subject/fnmvzttx.html