android 5.0新特性CardView教程

CardView 是android5.0新加入的特性，大家先别着急，由于谷歌出了cardview的兼容包，也就是android.support.v7.widget.CardView包，所以在5.0以下的系统也可以运行这个效果。什么是CardView ？就是在View的外面加上一个类似如卡片的阴影，下面放代码。

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp" >

<ImageView
android:id="@+id/pic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="centerCrop" />

<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/pic"
android:layout_centerHorizontal="true"
android:gravity="center"
android:textColor="#212121"
android:textSize="16sp" />
</RelativeLayout>

这是原来的代码。下面是运行效果：



然后，只需要在Relativelayout上一行加上几行代码，就能实习卡片效果：

代码

<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dp"
card_view:cardBackgroundColor="@color/cardview_light_background"
card_view:cardCornerRadius="1dp" >

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp" >

<ImageView
android:id="@+id/pic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="centerCrop" />

<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/pic"
android:layout_centerHorizontal="true"
android:gravity="center"
android:textColor="#212121"
android:textSize="16sp" />
</RelativeLayout>

</android.support.v7.widget.CardView>

实现效果：



其中：

card_view:cardCornerRadius="1dp" 是设置圆角效果。

作为对比，我们改成

card_view:cardCornerRadius="10dp"看看

下面是效果图：



明显圆角变大了。