Android5.0新特性——CardView 使用

一、 cardView

　　1.什么是CardView？

　　　　卡片布局

　　2.CardView常用属性

　　　　app:cardBackgroundColor这是设置背景颜色 
　　　　app:cardCornerRadius这是设置圆角大小 
　　　　app:cardElevation这是设置z轴的阴影 
　　　　app:cardMaxElevation这是设置z轴的最大高度值 
　　　　app:cardUseCompatPadding是否使用CompatPadding 
　　　　app:cardPreventCornerOverlap是否使用PreventCornerOverlap 
　　　　app:contentPadding 设置内容的padding 
　　　　app:contentPaddingLeft 设置内容的左padding 
　　　　app:contentPaddingTop 设置内容的上padding 
　　　　app:contentPaddingRight 设置内容的右padding 
　　　　app:contentPaddingBottom 设置内容的底padding

二、配置cardview 环境

1.导入cardView的包

　　

cardview 包路径

　　

cardView 环境就配好了 注意：修改环境工程的名字，我这改为cardview_lib

三、创建项目

　　1.创建 android 工程，注意： android版本必须是5.0以上才能使用cardview

　　2.关联cardview 环境 （右键项目选择Properties）

　　　

　

 3.编写代码

　　xml配置：

　　　　

<android.support.v7.widget.CardView  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"  
    android:layout_height="90dp"  
    android:clickable="true"  
    android:foreground="?android:attr/selectableItemBackground"  
    app:cardElevation="4dp"  
    app:cardBackgroundColor="#ffffff"  
    app:cardCornerRadius="4dp"  
    app:cardUseCompatPadding="true"
    app:contentPadding="5dp"
    app:contentPaddingTop="10dp"
    app:contentPaddingLeft="5dp"
    app:contentPaddingBottom="10dp">

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

        <ImageView
            android:id="@+id/shool_image"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#f2f2f2"
            android:src="@drawable/ic_launcher" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical" 
            android:layout_marginLeft="10dp"
            android:background="#ffffff">

            <TextView
                android:id="@+id/shool_name"
                android:layout_width="wrap_content"
                android:layout_height="18dp"
                android:gravity="center"
                android:layout_gravity="left"
                android:text="北京师范大学" 
                android:textStyle="bold"
                android:layout_marginTop="6dp"
                android:textColor="#666666"/>

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" 
                android:layout_marginTop="5dp">
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="城市："
                        android:textColor="#7F7F7F"
                        android:textSize="12sp" />

                    <TextView
                        android:id="@+id/shool_city"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="珠海市"
                        android:textColor="#7F7F7F"
                        android:textSize="12sp" />
                </LinearLayout>
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="学历要求："
                        android:textColor="#7F7F7F"
                        android:textSize="12sp" />

                    <TextView
                        android:id="@+id/shool_xueli"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="本科"
                        android:textColor="#7F7F7F"
                        android:textSize="12sp" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1" >

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="校招会："
                        android:textColor="#7F7F7F"
                        android:textSize="12sp" />

                    <TextView
                        android:id="@+id/shool_xzh"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="5场"
                        android:textColor="#7F7F7F"
                        android:textSize="12sp" />
                </LinearLayout>
                
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</android.support.v7.widget.CardView>

 运行效果就如上图一样