更易用的圆角控件——CardView

什么是cardView?

• CardView顾名思义就是卡片View，也是Android5.0推出来的 Support v7包里的widget
• CardView是继承自FrameLayout。
• CardView可以包含圆角和阴影 -

cardView常见属性?

• card:cardElevation 阴影的大小
• card:cardMaxElevation 阴影最大高度
• card:cardBackgroundColor 卡片的背景色
• card:cardCornerRadius 卡片的圆角大小
• card:contentPadding 卡片内容于边距的间隔

使用方法

1. build.gradle添加引用

dependencies {
    compile 'com.android.support:appcompat-v7:22.2.0'
    compile 'com.android.support:cardview-v7:22.2.0'
}

2. 添加布局

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card="http://schemas.android.com/apk/res-auto"
    android:layout_width="160dp"
    android:layout_height="200dp"
    android:layout_gravity="center"
    android:layout_margin="20dp"

    card:cardBackgroundColor="#ff0000"
    card:cardCornerRadius="10dp"
    card:cardElevation="10dp"
    card:cardMaxElevation="10dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/pic"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_centerInParent="true"
            android:layout_weight="3"
            android:scaleType="fitXY"
            android:src="@mipmap/img1"/>

        <TextView
            android:id="@+id/name"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:clickable="true"
            android:gravity="center"
            android:padding="5dp"
            android:text="图片1"
            android:textColor="@android:color/black"
            android:textSize="16sp"/>
    </LinearLayout>

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

3.正常使用控件就可以了。

效果图如下：