Android之设置控件的阴影

原创 2017年09月13日 16:23:50

本文主要记录Android控件设置阴影

  • 给控件设置阴影,会使得界面元素更好看一写,google 给我们提供了一个现成的控CardView,可以将CardView看做是FrameLayout在自身之上添加了圆角和阴影效果
  • 本文是使用给控件设置背景实现阴影

    • 在res/drawable 下新建一个 Drawable Resource File
    • 使用 layer-list 图层 就是说可以多个图层一层一层盖上去
    • 新建一个渐变的图层 item作为背景图层,主要是 gradient,shape是用来定义形状的,corners设置角度,gradient定义该形状里面为渐变色填充,startColor起始颜色,endColor结束颜色,angle表示方向角度。当angle=0时,渐变色是从左向右。 然后逆时针方向转,当angle=90时为从下往上

      <item >
          <shape android:shape="rectangle" >
      
              <gradient
                  android:angle="90"
                  android:endColor="#dad9d9"
                  android:startColor="#03a430" />
              <corners android:radius="10dp" />
          </shape>
          </item>

      这里写图片描述

    • 新建一个图层,作为顶层图层, 阴影实现的原理,就是顶层的小显示一点,露出一部分下面的图层,这个就需要设置Item的 left, top, right, bottom属性,这几个参数的设置就类似于设置margin, 这样就可以出来阴影效果了,当然为了效果,我的参数设置的有点夸张,只设置了右边和下边的阴影,solid 设置填充, 还有stroke 设置边框,设置了颜色,设置了宽度就可以看见边框效果了

      <item >
         <shape android:shape="rectangle" >
      
              <gradient
                  android:angle="90"
                  android:endColor="#dad9d9"
                  android:startColor="#03a430" />
      
              <corners android:radius="10dp" />
          </shape>
      </item>
      <item android:right="20dp"
            android:bottom="40dp">
          <shape android:shape="rectangle" >
              <solid android:color="#FFFFFF"/>
      
              <corners android:radius="10dp" />
          </shape>
      </item>

      这里写图片描述

    • 顶层的图层上,还是可以添加触摸的变化效果,即手指触碰到该控件时,控件背景色变化

      <item
            android:right="2dp"
            android:bottom="6dp">
            <selector>
                <item android:state_focused="false" android:state_pressed="true" >
                    <shape android:shape="rectangle" >
                        <solid android:color="@color/E5"/>
                        <corners android:radius="10dp" />
                    </shape>
                </item>
                <item>
                    <shape android:shape="rectangle" >
                        <solid android:color="@color/white"/>
                        <corners android:radius="10dp" />
                    </shape>
                </item>
            </selector>
        </item>
    • 使用:android:background=”@drawable/你的阴影xml文件”
      这里写图片描述

      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="50dp"
          android:background="@drawable/vcam_entry_border"
          android:gravity="center"
          android:orientation="vertical">
      
          <TextView
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:paddingRight="@dimen/common_measure_10dp"
              android:textColor="@color/black_100"
              android:text="啦啦啦啦,我有阴影"/>
      
      </LinearLayout>

附 : 完整的阴影xml 代码

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 阴影部分 最下面一层 -->
    <item >
        <shape android:shape="rectangle" >

            <gradient
                android:angle="90"
                android:endColor="#777777"
                android:startColor="#C5C5C5" />

            <corners android:radius="10dp" />
        </shape>
    </item>

    <!-- 背景部分 -->
    <!-- 形象的表达:bottom left ... 类似于设置 margin -->
    <item
        android:right="2dp"
        android:bottom="6dp">
        <selector>
            <item android:state_focused="false" android:state_pressed="true" >
                <shape android:shape="rectangle" >
                    <solid android:color="@color/E5"/>
                    <corners android:radius="10dp" />
                </shape>
            </item>
            <item>
                <shape android:shape="rectangle" >
                    <solid android:color="@color/white"/>
                    <corners android:radius="10dp" />
                </shape>
            </item>
        </selector>
    </item>
</layer-list>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Docker_入门?只要这篇就够了!(纯干货适合0基础小白)

与sgy一起开启你的Docker之路 关键词: Docker; mac; Docker中使用gdb无法进入断点,无法调试; 写在前面 这篇博客适合谁? 对于Docker并不了解,只是有一点模糊的...

想要清肠排毒,就喝汁己青汁!

保持肠胃畅通,对于我们的身体是非常重要的。积累毒素会影响我们气色和皮肤。只有身体排毒好了,才能让身体更加轻盈人也更加精神。 日常多加注意一些小细节可帮助你减少毒素积累。 多喝水 早晨最好空腹喝水...

史上最简单的 MySQL 教程(三)「 MySQL 数据库」

MySQL 数据库MySQL 数据库是一种C\S结构的软件,即分为:客户端和服务端。若想访问服务器,必须通过客户端;服务器应该一直运行,客户端则在需要使用的时候运行。

Node.js开发入门—使用对话框ngDialog

做网站经常会遇到弹出对话框获取用户输入或弹出对话框让用户确认某个操作之类的情景,基于AngularJS的扩展模块ngDialog可以帮我们优雅地完成这类事情。
  • foruok
  • foruok
  • 2015-09-06 07:15
  • 13252

ACM竞赛路上亲爱的坑们

写在前边:这些梗都是敝人自己做题和比赛时曾经坑过自己的地方,特别在这里记录一下,所有的链接都是本博客中的题解链接(有大致题意说明和代码),原题请到OJ上自行寻找。目的是提升自身姿势。欢迎大佬们给我提出...

经验分享-前端与后端的接口、HTML分离

在WEB项目中 前后端不分离多人开放效率还不及一个人开发效率来的高,今天分享一个概念

java实现二维码([带]logo)的绘制和解析(zxing by google)

二维条码/二维码(2-dimensional bar code)是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的;在代码编制上巧妙地利用构成计算机内部逻辑基础...

Java基础之(三十七)Java多线程编程<二>

控制线程join线程Thread提供了一个线程等待另一个线程完成的方法:join方法。当在某个程序执行流中调用其他线程的join方法,调用join方法的那个线程将被阻塞,直到被join方法加入的joi...

std::map 如何使用结构体作为自定义键值

在使用map时,有时候我们需要自定义键值,才能符合程序的需要。 比如我们需要使用自定义的结构体来作为map的键值.
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)