创建Material Design风格的Android应用--创建列表和卡片
2015-05-15 17:13
405 查看
引言
在程序中创建复杂的Material Design 样式的 List和Card,可以使用RecyclerView和CardView组件,这两个组件是在最新的support v7包(version 21)中提供的。因此需要引入依赖包:
可以将
使用RecyclerView组件,你需要指定一个Adapter和布局管理器,创建一个Adapter继承RecyclerView.Adapter类,具体的实现细节要根据数据集合视图的类型变化,具体信息,看下面的例子。
重用(或者说回收)view的时候,layout manager会请求adapter用新的数据替换掉这个View的内容。Recyclingview的这种机制不仅避免了创建不必要的新view,而且还避免了不停的调用开销很大的
RecyclerView提供了以下内建的布局管理器:
LinearLayoutManager 显示Item 在一个水平或者垂直的滚动列表中。
GridLayoutManager 显示Item 作为网格布局。
StaggeredGridLayoutManager 显示Item在交错的网格布局。
也可以自己通过继承RecyclerView.LayoutManager类创建自定义的布局管理器。
RecylerView组件
动画:
RecyclerView默认情况下就有动画,在删除或者增加Ite的时候。如果需要自定义动画,继承RecyclerView.ItemAnimator类,并且使用RecyclerView.setItemAnimator()方法将定义的动画设置到我们的视图中。
下面开始看例子:
1.首先在xml布局文件增加一个RecyclerView
2.然后在我们的Java代码中使用,附加Adapter和数据就可以显示了。
3.Adapter提供访问数据集中的Item,创建视图映射到数据上,并且替换布局的内容数据用新的item。下面的代码显示一个简单的实现,使用TextView显示简单的String数组。
CardView继承FrameLayout类,通过它可以显示信息在卡片内部,并且在不同的平台上有统一的样式。CardView组件可以有阴影和圆角。
创建有阴影的Card,使用card_view:cardElevation属性。CardView 使用真实的高度和动态阴影在Android5.0(API 21)和更高版本,较早的版本则使用传统的阴影。
使用这些属性去定制CardView的外观:
使用card_view:cardCornerRadius属性设置圆角的半径,在布局文件中。
使用CardView.setRadius方法设置圆角的半径在java代码中。
设置卡片的背景颜色,使用card_view:cardBackgroundColor属性。
下面是一个在xml布局文件中包含一个CardView的示例:
Card示例图
通过上面可以看到RecyclerView。跟我们经常使用的ListView很像,不过它的父类并不是AbsListView,因此不能混着使用。但是在很多地方可以替换ListView,通过ViewHolder,View重用,可以看到这是一个更加高效的视图组件,推荐使用。
CardView,本质上就是一个比较符合Material Design的组件,使用Card布局,效果更好。很多人之前可能也使用一些CardUi,谷歌官方出了这个,强烈推荐使用。
上面RecyclerView和CardView,是分开写的,但是我们可以用在一起的哦,不要糊涂了呀。
参考资料:http://developer.android.com/training/material/lists-cards.html
在程序中创建复杂的Material Design 样式的 List和Card,可以使用RecyclerView和CardView组件,这两个组件是在最新的support v7包(version 21)中提供的。因此需要引入依赖包:
创建List
可以将RecyclerView看作是一个更高级灵活的ListView。该控件和ListView一样都是可以高效
展示大量数据的容器,他们在滚动的时候只是维护了几个有限的View来展示不同数据,因此是非常节省资源的。当你的数据需要在运行的时候动态改变(比如用户操作或者是从网络获取),你就可以用RecyclerView
。但是RecyclerView
和ListView的不同是它简化了显示以及数据提供的方式:1.使用Layout manager来定位元素;
2.自带动画:当添加或者删除item的时候会自发的产生动画效果。
使用RecyclerView组件,你需要指定一个Adapter和布局管理器,创建一个Adapter继承RecyclerView.Adapter类,具体的实现细节要根据数据集合视图的类型变化,具体信息,看下面的例子。
布局管理器管理item在RecyclerView中显示的位置,并且决定何时回收(重用)那些不在视野范围的item。
重用(或者说回收)view的时候,layout manager会请求adapter用新的数据替换掉这个View的内容。Recyclingview的这种机制不仅避免了创建不必要的新view,而且还避免了不停的调用开销很大的
findViewById()。注意后面这点是ListView本身不具备的(在ListView中为了解决这个问题我们一般是使用ViewHolder)。
RecyclerView提供了以下内建的布局管理器:
LinearLayoutManager 显示Item 在一个水平或者垂直的滚动列表中。
GridLayoutManager 显示Item 作为网格布局。
StaggeredGridLayoutManager 显示Item在交错的网格布局。
也可以自己通过继承RecyclerView.LayoutManager类创建自定义的布局管理器。
RecylerView组件
动画:
RecyclerView默认情况下就有动画,在删除或者增加Ite的时候。如果需要自定义动画,继承RecyclerView.ItemAnimator类,并且使用RecyclerView.setItemAnimator()方法将定义的动画设置到我们的视图中。
下面开始看例子:
1.首先在xml布局文件增加一个RecyclerView
创建Card
CardView继承FrameLayout类,通过它可以显示信息在卡片内部,并且在不同的平台上有统一的样式。CardView组件可以有阴影和圆角。创建有阴影的Card,使用card_view:cardElevation属性。CardView 使用真实的高度和动态阴影在Android5.0(API 21)和更高版本,较早的版本则使用传统的阴影。
使用这些属性去定制CardView的外观:
使用card_view:cardCornerRadius属性设置圆角的半径,在布局文件中。
使用CardView.setRadius方法设置圆角的半径在java代码中。
设置卡片的背景颜色,使用card_view:cardBackgroundColor属性。
下面是一个在xml布局文件中包含一个CardView的示例:
Card示例图
乱弹
通过上面可以看到RecyclerView。跟我们经常使用的ListView很像,不过它的父类并不是AbsListView,因此不能混着使用。但是在很多地方可以替换ListView,通过ViewHolder,View重用,可以看到这是一个更加高效的视图组件,推荐使用。CardView,本质上就是一个比较符合Material Design的组件,使用Card布局,效果更好。很多人之前可能也使用一些CardUi,谷歌官方出了这个,强烈推荐使用。
上面RecyclerView和CardView,是分开写的,但是我们可以用在一起的哦,不要糊涂了呀。
参考资料:http://developer.android.com/training/material/lists-cards.html
相关文章推荐
- 创建Material Design风格的Android应用--创建列表和卡片
- 创建Material Design风格的Android应用--创建列表和卡片
- 创建Material Design风格的Android应用--创建列表和卡片
- 创建Material Design风格的Android应用--创建列表和卡片
- 创建Material Design风格的Android应用--应用主题
- 创建Material Design风格的Android应用--定义阴影和裁剪视图
- 创建Material Design风格的Android应用--应用主题(转)
- 创建Material Design风格的Android应用--使用自定义动画
- 创建Material Design风格的Android应用--使用自定义动画
- 创建Material Design风格的Android应用--应用主题
- Android(Lollipop/5.0) Material Design(四) 创建列表和卡片
- 创建Material Design风格的Android应用--应用主题
- 创建Material Design风格的Android应用--使用Drawable
- 创建Material Design风格的Android应用--使用自定义动画
- Android Material Design-Creating Lists and Cards(创建列表和卡片)-(三)
- Android Material Design-Creating Lists and Cards(创建列表和卡片)-(三)
- 创建Material Design风格的Android应用--应用主题
- 创建Material Design风格的Android应用--应用主题
- 创建Material Design风格的Android应用--使用Drawable
- 创建Material Design风格的Android应用--使用自定义动画