在Eclipse中配置并使用UI控件CardView

CardView是Android5.0新加入的用于显示卡片效果的UI控件，在Android官方文档中只介绍了CardView在Android Studio中的使用，本文将介绍如何在Eclipse中配置并使用UI控件CardView。

在Eclipse中配置CardView

1. 通过SDK Manager下载并安装最新版本的Android Support Library；
2. 打开目录：\sdk\extras\android\m2repository\com\android\support\cardview-v7\23.1.1；
3. 将cardview-v7-23.1.1.aar重命名为cardview-v7-23.1.1.zip；
4. 解压cardview-v7-23.1.1.zip；
5. 将文件夹cardview-v7-23.1.1中的classes.jar重命名为cardview-v7.jar；
6. 新建一个Library Project； 
   1.Package Name为：android.support.v7.cardview； 
   2.Minimum Required SDK和Target SDK：API 21；
7. 修改AndroidManifest.xml；
8. 拷贝文件夹cardview-v7-23.1.1中的values.xml，粘贴在项目中的\res\values目录下；
9. 拷贝文件夹cardview-v7-23.1.1中的cardview-v7.jar，粘贴在项目中的libs目录下；
10. 将cardview-v7.jar添加到Build Path中；
11. 配置Java Build Path，在“Order and Export”选项卡中选中cardview-v7.jar；
12. 新建一个Android Application Project，引用上面的Library Project。

---

需要注意：

• 在本博成文时，sdk中cardview文件夹内的最新版本号为23.1.1，读者可根据sdk的更新来配置不同版本的cardview；
• 由于UI控件CardView在是Android5.0中新增的组件，故在新建Library工程时，最小SDK版本(minSdkVersion)和目标SDK版本(targetSdkVersion)至少选为应选API 21；
• 文件夹cardview-v7/xx.x.x/res/valuse中的values.xml文件配置了控件CardView的属性，其中常用的为： 
  -card_view:cardCornerRadius (用于指定卡片四角的弧度半径) 
  -card_view:cardBackgroundColor (用于指定卡片的背景颜色)

---

XML文件示例

在XML布局中，可以以如下形式定义CardView控件：

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:card_view="http://schemas.android.com/apk/res-auto"    android:layout_width="200dp"    android:layout_height="200dp"    android:layout_gravity="center"    card_view:cardBackgroundColor="@color/cardview_dark_background"    card_view:cardCornerRadius="20dp" >    <TextView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:gravity="center"        android:text="HELLO"        android:textColor="@android:color/holo_blue_dark"        android:textSize="15sp" /></android.support.v7.widget.CardView>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

需要注意：添加CarView控件时，需要指定控件的全限定类名

android.support.v7.widget.CardView
1
1

---

效果如下所示：