Android控件阴影颜色调整示例

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"

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

(0)

相关推荐

  • Android实现空心圆角矩形按钮的实例代码

    页面上有时会用到背景为空心圆角矩形的Button,可以通过xml绘制出来. drawrable文件夹下bg_red_hollow_rectangle.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle&qu

  • Android编程之阴影(Shadow)制作方法

    本文实例讲述了Android编程之阴影(Shadow)制作方法.分享给大家供大家参考,具体如下: 先看运行效果图如下: 阴影制作:包括各种形状(矩形,圆形等等),以及文字等等都能设置阴影. 阴影制作是什么原理呢? 其实很简单,你需要设置阴影的东西被看作一个主层.然后在主层下面画一个阴影层. 阴影制作涉及到一个重要函数: public void setShadowLayer (float radius, float dx, float dy, int color) 参数: radius:阴影半径

  • Android中给按钮同时设置背景和圆角示例代码

    前言 最近在做按钮的时候遇到在给按钮设置一张图片作为背景的同时还要自己定义圆角,最简单的做法就是直接切张圆角图作为按钮就可以了,但是如果不这样该怎么办呢,看代码: 下面来看效果图 一.先建一个圆角的shape文件: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android">

  • Android中快速便捷的实现圆角按钮方法详解

    前言 大家应该都知道,圆角按钮是我们在做界面时常常遇到的UI样式.通常的办法,是做一个drawable,比如这样: <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- 填充的颜色

  • Android 给控件添加边框阴影效果

    1.布局文件:res/drawable/bg_shadow.xml  <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 阴影部分 --> <!-- 个人觉得更形象的表达:top代表下边的阴影高度,left代表右边的阴影宽度.

  • Android设置控件阴影的三种方法

    本文实例为大家分享了Android设置控件阴影的方法,供大家参考,具体内容如下 第一种方式:elevation View的大小位置都是通过x,y确定的,而现在有了z轴的概念,而这个z值就是View的高度(elevation),而高度决定了阴影(shadow)的大小. View Elevation(视图高度) View的z值由两部分组成,elevation和translationZ(它们都是Android L新引入的属性). eleavation是静态的成员,translationZ是用来做动画.

  • Android 自定义阴影效果详解及实例

    Android 自定义阴影效果详解及实例 Android5.X中,Google为其增加了两个属性 android:elevation=" " 与 android:translationZ=" ",对应垂直方向上的高度变化.系统会自动增加阴影效果. 在TabLayout中增加android:elevation=" 8dp" ,效果如下: 箭头指向的就是系统为我们默认提供,结果差强人意.那我们是不是可以自定义阴影,不使用系统提供的. 自定义阴影效果

  • Android圆角按钮的制作方法

    本文实例为大家分享了Android制作圆角按钮的具体代码,供大家参考,具体内容如下 [主要步骤] 创建一个XML文件 以此文件作为Button的Background 1.创建XML文件 在res目录下的drawable-mdpi下建立XML文件 button_frame_shape.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas

  • Android开发实现的圆角按钮、文字阴影按钮效果示例

    本文实例讲述了Android开发实现的圆角按钮.文字阴影按钮效果.分享给大家供大家参考,具体如下: 效果图: 如果要实现圆角图片,并变色须在drawable中配置背景文件如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item andro

  • Android实现圆角Button按钮

    本文实例讲述了Android开发圆角Button按钮实现过程,分享给大家供大家参考,具体内容如下 需求及效果图: 实现思路: 1.shape实现圆角 在drawable新建两个xml 文件, 这两个 xml文件用shape 实现了圆角效果. Note: 因为要让用户有按下去的效果体验, 所有要有两套圆角图, 在按下去时候切换 <!-- res/drawable/button_shape_normal.xml --> <shape xmlns:android="http://sc

  • Android实现图片阴影效果的方法

    本文实例介绍了Android实现图片阴影效果,设置画布颜色,图像倾斜效果,图片阴影效果的方法,采用canvas.save(Canvas.MATRIX_SAVE_FLAG);来实现.由于图片的实际尺寸比显示出来的图像要大一些,因此需要适当更改下大小,以达到较好的效果,在原有矩形基础上,画成圆角矩形,同时带有阴影层.读者可以根据自身需要对该程序代码进行个性化的修改以便更符合自身项目需求. 具体实现代码如下: package canvas.test; import android.app.Activi

随机推荐