Material Design - RecyclerView和CardView篇

来源：互联网发布：淘宝卖窗帘赚钱吗编辑：程序博客网时间：2024/05/08 17:42

1 简介

2014年07月23日Google在I/O 2014上推出了新的设计语言Material Design。到现在已经2年半了，我才开始学习Material Design，甚是惭愧啊。

2 目录

Material Design的相关知识点我分成以下几章，后面我会慢慢的整理出来。

1.材料主题
2.用于创建卡片与列表的小组件
3.定制阴影以及视图裁剪
4.矢量图片
5.使用 Drawables
6.定制动画
7.如何保持兼容性
8.v7 支持库

3 RecyclerView讲解

RecyclerView是ListView的升级版，它提供了更好的性能而且更容易使用。本篇讲RecyclerView的使用，请参考我写的这篇文章：
1.android RecyclerView 讲解
2.为RecyclerView打造通用adapter

4 CardView讲解

CardView继承自FrameLayout，你可以在card视图中显示信息，也可以设置阴影和圆角。（其实现在很多应用都自定义了Card视图，Google这回将card视图作为基本控件，可以拿来直接使用了）

如果要在您的布局中设置圆角半径，请使用 card_view:cardCornerRadius 属性。如果要在您的代码中设置圆角半径，请使用 CardView.setRadius 方法。如果要设置卡片的背景颜色，请使用 card_view:cardBackgroundColor 属性。

下列代码示例展示如何将 CardView 小部件包括在您的布局中：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    xmlns:card_view="http://schemas.android.com/apk/res-auto"    ... >    <!-- A CardView that contains a TextView -->    <android.support.v7.widget.CardView        xmlns:card_view="http://schemas.android.com/apk/res-auto"        android:id="@+id/card_view"        android:layout_gravity="center"        android:layout_width="200dp"        android:layout_height="200dp"        card_view:cardCornerRadius="4dp">        <TextView            android:id="@+id/info_text"            android:layout_width="match_parent"            android:layout_height="match_parent" />    </android.support.v7.widget.CardView></LinearLayout>

添加依赖项:

dependencies {    ...    compile 'com.android.support:cardview-v7:21.0.+'    compile 'com.android.support:recyclerview-v7:21.0.+'}

5 参考文档

【1】Android5.0新特性-Material Design
【2】ANDROID L——Material Design详解
【3】官网-创建列表与卡片
【4】官网支持库
【5】Android最佳实践之Material Design
【6】Material Design设计

0 0