ListView的每个item都像卡片一样摆在界面上，另外每个item下方有3d阴影效果

首先来看我们要实现的效果：ListView的每个item都像卡片一样摆在界面上，另外每个item下方有3d阴影效果

需求明确之后，下面我们就来实现这一效果。

1.为每个item制作阴影以及圆角效果。

    drawable目录下创建card_background.xml

"1.0" encoding="utf-8"?>
"http://schemas.android.com/apk/res/android" >


        "rectangle" >
            "#CABBBBBB" />
            "2dp" />



        android:bottom="2dp"
        android:left="0dp"
        android:right="0dp"
        android:top="0dp">
        "rectangle" >
            "@android:color/white" />
            "2dp" />

2.为item制作点击后的效果。

 drawable目录下创建card_state_pressed.xml

"1.0" encoding="utf-8"?>
"http://schemas.android.com/apk/res/android" >

        "rectangle" >
            "#ca39883d" />
            "2dp" />



        android:bottom="2dp"
        android:left="0dp"
        android:right="0dp"
        android:top="0dp">
        "rectangle" >
            "#ca4fbb5f" />
            "2dp" />

3.定义一个selector。

       drawable目录下创建card_background_selector.xm

"1.0" encoding="utf-8"?>
"http://schemas.android.com/apk/res/android" >
    "@drawable/card_state_pressed" android:state_pressed="true" />
    "@drawable/card_background" />

4.定义item布局。

    layout目录下创建list_item_card.xml文件.

这里需要注意的是根布局为FrameLayout，并且需要给其加上左右的padding，因为这是卡片。另外LinearLayout需设置background，即为上面那个selector。

"1.0" encoding="utf-8"?>

    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:descendantFocusability="beforeDescendants">

        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="15dp"
        android:paddingTop="15dp"
        android:paddingBottom="15dp"
        android:paddingRight="15dp"
        android:background="@drawable/card_background_selector"
        android:descendantFocusability="afterDescendants">

            android:id="@+id/line1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Text"/>

5.创建主布局.

layout目录下新建activity_main.xml.

需要注意的是要设置listView的divider属性为@null,dividerHeight为两个卡片的距离。

"1.0" encoding="utf-8"?>

    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#e2e4fe">

        android:id="@+id/card_listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:listSelector="@android:color/transparent"
        android:cacheColorHint="@android:color/transparent"
        android:divider="@null"
        android:dividerHeight="10dp" />

6.为listView填充数据.

public class MainActivity extends Activity
{
    private ListView listView;
    private static final String[] data = { "北京", "上海", "武汉", "广州", "西安", "南京", "合肥","上海", "武汉", "广州", "西安", "南京", "合肥" };
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.card_listView);
        /*添加头和尾*/
        listView.addHeaderView(new View(this));
        listView.addFooterView(new View(this));
        listView.setAdapter(new ArrayAdapter(this, R.layout.list_item_card, R.id.line1, data));

    }
}