clipChildren＋clipToPadding＋ListView的妙用

最近一個朋友想做一個效果，就是在列表中跨列顯示某一個圖標，類似下圖的效果：

剛開始嘗試了幾種方法都不行，例如浮層等，都不是要的效果，後面問了一個朋友說ViewGroup有一個clipChildren和clipToPadding屬性，可以控制超出佈局之外的顯示

android:clipChildren：是否限制子View在其範圍內，默認爲true，在這裏，我們需要把他設置爲false。

clipToPadding：控件的繪製區域是否在padding裏面的，true的情況下如果你設置了padding那麼繪製的區域就往裏縮

我們需要做兩個部分的工作：

1. 在listview組件中設置以上兩個屬性

<ListView
        android:id="@+id/listiview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipChildren="false"
        android:clipToPadding="false"
        />

1. 在列表行佈局文件的根容器中設置這兩個屬性

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" 
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:clipChildren="false"
    android:clipToPadding="false"
    >

    <ImageView
        android:id="@+id/item_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_toRightOf="@+id/item_img"
        >
        <TextView
            android:id="@+id/item_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/item_age"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <ImageView
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:src="@mipmap/ic_launcher"
        android:visibility="gone"
        android:layout_marginBottom="-30dp"
        />
</RelativeLayout>

其他部分就跟我們正常寫listview一樣，然後由於我的跨行圖標並不是每次都顯示的，所以我進行了一下顯示控制

        if (position == 3)
            holder.item_icon.setVisibility(View.VISIBLE);
        else
            holder.item_icon.setVisibility(View.GONE );

代碼下載地址：clipChildren+clipTopPadding+ListView的妙用源碼