Android控件阴影颜色调整示例

所属分类: 软件编程 / Android 阅读数: 98
收藏 0 赞 0 分享

CardView在设置阴影的效果上来讲,确实是蛮不错的。

但是涉及到变更阴影颜色这个需求,就不是太好操作。

然后就自己描边画了一个阴影效果,分享,支持任何颜色。

效果:

xml-selector

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_enabled="true">
    <layer-list>
      <item android:right="1dp" android:top="2dp">
        <layer-list>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#15cbf2e0" />
              <padding android:bottom="6px" android:left="6px" android:right="6px" android:top="6px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#16cbf2e0" />
              <padding android:bottom="4px" android:left="4px" android:right="4px" android:top="4px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#17cbf2e0" />
              <padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#18cbf2e0" />
              <padding android:bottom="3px" android:left="2px" android:right="2px" android:top="1px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#19cbf2e0" />
              <padding android:bottom="3px" android:left="2px" android:right="2px" android:top="1px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#20cbf2e0" />
              <padding android:bottom="3px" android:left="2px" android:right="2px" android:top="1px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#21cbf2e0" />
              <padding android:bottom="3px" android:left="2px" android:right="2px" android:top="1px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#22cbf2e0" />
              <padding android:bottom="3px" android:left="2px" android:right="2px" android:top="1px" />
            </shape>
          </item>
          <item>
            <shape android:shape="rectangle">
              <solid android:color="#23cbf2e0" />
              <padding android:bottom="3px" android:left="2px" android:right="2px" android:top="1px" />
            </shape>
          </item>
        </layer-list>
      </item>
      <item>
        <shape android:shape="rectangle">
          <solid android:color="@color/white" />
        </shape>
      </item>
    </layer-list>
  </item>
</selector>

关于描边的大小什么的,都可以自己设置,颜色也一样。都自己随意。

使用起来也是非常简单,

android:background="@drawable/lay_back"

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多