LinearLayout/RelativeLayout圆角带阴影效果实现

这篇文章的方案在图片需要顶边展示的时候无法去除图片尖角,如有类似需求请戳 

圆角阴影布局的几种实现及分析

需求应用场景如下:


需求

我们知道android5.0以上,我们可以通过cardView实现, 在gradle中添加cardview依赖,使用cardView实现,比较简单.但是我们开发中可能遇到这样的场景,以前的项目是用LinearLayout或者Relativelayout布局的,怎么办,于是你需要往下看:

首先5.0以上,android新加入了elevation属性,我们可以通过这个属性实现阴影,同时通过shape控制圆角;

那么5.0以下呢,没有这个属性,那我们就得自己画了,通过layer-list图层可以解决这个问题

下面是三种实现的效果


三种效果

现在上代码:

第一种,Linearlayout,5.0以下

Linearlayout

LinearLayout5.0以下布局
shadow_shape.xml(1)
shadow_shape.xml(2)

第二种,Linearlayout5.0以上

LinearLayout5.0以上布局
ll_shadow_shape.xml

第三种,CardView阴影效果

导入

gradle导入cardview

布局

cardview圆角阴影

因为这篇文章不是markdown编辑的,所以贴代码不太方便,需要代码的请戳git:

LinearLayout/RelativeLayout阴影效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,143评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,696评论 0 17
  • 一场说走就走的旅行,需要多大的决心和勇气,一份刻骨铭心的爱情,需要多大的真心和耐心去经营!没有情感上的挫伤...
    Anny心之所栖阅读 557评论 5 5
  • 一年一度的跳槽旺季又要来临了,想必随着和煦春风的吹拂,大家的心也像春天里的小动物们一样蠢蠢欲动吧,在这美好的春天,...
    更好时代阅读 182评论 0 0
  • 冬天来了,北风呼呼地刮着,望望窗外,树上的叶子几乎已经掉光了,地上的草都枯黄了。天空中除了几只觅食的小麻雀...
    何德轩阅读 318评论 0 0