什麼是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.正常使用控制元件就可以了。

效果圖如下：