Android学习之阴影效果

阴影效果

1.CardView&FloatingActionButton&View

前两个控件属于MD风格,自带的属性值有设置阴影效果的方法;

CardView的cardElevation属性值可以实现阴影效果,填充数据为float类型;

FloatingActionButton的elevation属性值可以实现阴影效果,填充数据为float类型;

一般的View控件的elevation属性值可以实现阴影效果,填充数据为float类型;

总的来说,elevation的来源是手机界面根据3D分为x,y,z轴,从手机的左上角为坐标原点,向右为x轴,向下为y轴,向上为z轴,elevation是控件向z轴进行移动,视觉上有一种不同层次的感觉,这样投影效果就出来了;

投影效果图1
投影效果图2



2.点九图的阴影效果

分享一个点九图阴影制作网站

http://inloop.github.io/shadow4android/

在学习过程中发现的这个网站,相当实用,该网站通过对点九图设置不同参数,可以在线查看效果。

下载想要的点九图,然后将其放入drawable文件夹下,可以在控件的背景中引用即可。这个阴影效果会非常的棒,基本上能够满足所有的阴影效果。

注:点九图不要放在mipmap文件夹,引用到背景上的时候可能会出现报错的现象;


阴影效果图3



3.通过xml文件进行绘制阴影效果

xml文件通过绘制图案(控件背景)实现阴影效果,利用layer-list重叠图案,可以做两个item,一个是底部,一个是顶部,底部做渐变效果,顶部就是填充颜色,就是绘制出一个阴影的效果。通过xml文件绘制的问题是可能效果不会太好,如果是简单的阴影效果可以实现,我之前是在做recyclerview的item中需要显示高亮的效果,然后用xml文件进行绘制的,效果不是特别好,但是基本满足UI要求;


阴影效果图4

阴影学习项目:源码地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,057评论 25 709
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,205评论 3 119
  • 这个本子--叫《葵花宝典》。。。 别闹,还真有这样一个本子,如果我能早知道,命运也许会改写。 这个本子叫--进步本...
    宇践未来阅读 1,075评论 3 2
  • UI设计学习的阶段 工具为下,技法是中层,创作为上 决定美的三个要素: 形 色 神 点-->线 --> 面,进而空...
    叛经离道阅读 685评论 0 0
  • 你我皆演员,难免入戏太深 原创作者:心遥 余晖尚未落尽的时候,我匆匆忙忙地就去接了放学的孩子,又风卷残云地快速吃了...
    心遥阅读 1,343评论 0 4

友情链接更多精彩内容