技术控

    今日:71| 主题:49157
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] Android CardView的使用细节

[复制链接]
稀釋回憶 发表于 2016-10-19 08:20:43
185 3

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

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

x
Material design中有一种很个性的设计概念:卡片式设计(Cards),这种设计与传统的List Item有所区别,Cards包含更多的内容元素和拥有自己的UI特征,关于Cards的设计规范可以参考官网介绍:
   https://material.google.com/components/cards.html#
   为了更好地实现这种 Cards UI 的设计,Google在v7包中引进了一种全新的控件: CardVew ,本文将从开发的角度介绍CardView的一些常见使用细节。
  Google用一句话介绍了CardView:一个带圆角和阴影背景的FrameLayout。CardView在Android Lollipop(API 21)及以上版本的系统中适配较好,本文我们以一个具体的例子来学习CardView的基本使用和注意事项,效果图如下:
   
Android CardView的使用细节-1 (Android,android,version,Google,效果图)

  上图展示的是一个list列表,列表中的item使用了卡片式设计,主要利用CardView控件实现,为了精简文章内容,这里我们将item布局中的核心代码罗列出来,加以分析:
         [code]                                        ......            [/code]       可以看出,核心部分在于CardView的属性使用,下面我们针对几个特殊的属性逐一分析,深化了解。
  排版技巧

   前面我们说过,CardView从本质上属于FrameLayout,而CardView通常包含了较多的内容元素,为了方便地排版布局中的各个元素,一般借助于其他基本布局容器,比如这里我们使用了一个 RelativeLayout 作为CardView的唯一Child。
  阴影Padding

   在Android Lollipop之前的系统,CardView会自动添加一些额外的padding空间来绘制阴影部分,这也导致了以Lollipop为分界线的不同系统上CardView的尺寸大小不同。为了解决这个问题,有两种方法:第一种,使用不同API版本的dimension资源适配(也就是借助values和values-21文件夹中不同的dimens.xml文件);第二种,就是使用 setUseCompatPadding 属性,设置为true(默认值为false),让CardView在不同系统中使用相同的padding值。
  圆角覆盖

  这也是一个解决系统兼容的问题。在pre-Lollipop平台(API 21版本之前)上,CardView不会裁剪内容元素以满足圆角需求,而是使用添加padding的替代方案,从而使内容元素不会覆盖CardView的圆角。而控制这个行为的属性就是cardPreventCornerOverlap,默认值为true。在本例中我们设置了该属性为false。这里我们看一下,在pre-Lollipop平台中,不同cardPreventCornerOverlap值的效果对比图(左false,右true):

Android CardView的使用细节-2 (Android,android,version,Google,效果图)

  显然,默认值下自动添加padding的方式不可取,所以需要设置该属性值为false。需要注意的一点是,该属性的设置在Lollipop及以上版本的系统中没有任何影响,除非cardUseCompatPadding的值为true。
  Ripple效果

  Cards一般都是可点击的,为此我们使用了foreground属性并使用系统的selectableItemBackground值,同时设置clickable为true(如果在java代码中使用了cardView.setOnClickListener,就可以不用写clickable属性了),从而达到在Lollipop及以上版本系统中实现点击时的涟漪效果(Ripple),如图:
12下一页
友荐云推荐




上一篇:发展不能违背康威定律
下一篇:Using the Netflix stack with Spring boot: Ribbon
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

mosenyaoye 发表于 2016-10-19 15:53:53
出来混,老婆迟早是要换的.
回复 支持 反对

使用道具 举报

橼§纷 发表于 2016-10-21 05:40:53
人是铁,范是钢,一天不装憋得慌
回复 支持 反对

使用道具 举报

超兽神 发表于 2016-10-30 11:14:01
我若安好,便是晴天。
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表