Material Desigen之CardView

什麼是cardView?

• CardView稱之爲卡片，也是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_margin="20dp"
    android:layout_gravity="center"
    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="@drawable/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="圖片描述"
            android:textColor="@android:color/black"
            android:textSize="16sp" />
    </LinearLayout>

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

3. 剩下的就正常使用就可以了