找回密码
 立即注册

本文来自

电脑/上网

电脑/上网

订阅|关注

致力于提供软件新闻发布,和软件知识学习,包括常用软件应用技巧及评测,创意设计相关的图文及视频教程

Android之设置控件的阴影

[复制链接]
410 吸铁石 发表于 2017-9-14 14:06:52
给控件设置阴影,会使得界面元素更好看一写,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 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
Android给布局、控件加阴影效果
增加阴影效果,让控件或者布局看起来有立体的效果,总的来说有两种解决方案。1,直接使用属性: android:elevation= 4dp 这样一句代码,就实现了效果,elevation表示海拔,就是布...
如何成为一名机器学习的大咖? 对于机器学习,很多人的观点是:机器学习技术是今后所有技术人员都绕不过的一个门槛。 那么,普通程序员该学习机器学作为一名对机器学习心有向往的程序员,我该以什么样的姿势开始呢?
Xamarin.Android 自定义控件圆角与阴影设置 (Programmatically)
It’s easy to set round cornner or shadow in the xml or axml. But sometimes we have to do it programm...
2.原理一:
直接使用android:elevation= 2sp 就可以实现了,但是只能针对5.0系统以上的,那么,5.0...

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
温馨提示:
1、在论坛里发表的文章仅代表作者本人的观点,与本网站立场无关。
2、论坛的所有内容都不保证其准确性,有效性,时间性。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
3、若因线路及非本站所能控制范围的故障导致暂停服务期间造成的一切不便与损失,论坛不负任何责任。
4,本网站内容均摘自其他网站,如涉及侵权定当第一时间删除
5、如侵犯您的权益请联系936144721@qq.com



上一篇:语文生字表一无拼音认读1
下一篇:求小说求小说
转载请说明出处,本文地址:http://bbs.imicun.com/thread-15469307-1-1.html
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表