[轉]android使用shape stroke描邊只保留底部

 

 

       在項目中遇到這種情況：由於一些原因，自己需要用LinearLayout的垂直布局做出ListView的那種效果，但是ListView是自帶了分割線的，而且頂部底部都是沒有分割線的，每個item中間都是1dp寬度的分割線。我一開始是想到LinearLayout中的每個item用shape文件設置一個background，於是寫了如下的shape：

 

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <stroke
        android:color="#B4B4B4"
        android:width="1dp"/>

    <solid
        android:color="@android:color/transparent"/>

</shape>

       但是看了這個shape，估計大家都能想象出來效果肯定不對，因為上一個item有1dp的底邊，下一個item也有1dp的底邊，這樣item之間的分割線就有2dp了，很難看，也不是我們要的效果。如下圖效果所示：

 

       所以要解決的問題就是，如何只保留底邊的stroke呢。經過一番修改實驗，使用layer-list可以解決這個問題，很簡單，如下代碼所示：

 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:top="-2dp"
        android:right="-2dp"
        android:left="-2dp">
        <shape>
            <solid android:color="@android:color/transparent"/>
            <stroke
                android:width="1dp"
                android:color="#B4B4B4"/>
        </shape>
    </item>

</layer-list>

貌似 這個也可以：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 連框顏色值 -->
<item>
    <shape>
        <solid android:color="#CCCCCC" />
    </shape>
</item>
<!-- 主體背景顏色值 -->
<item
    <!-- 此處定義只有上下兩邊有邊框 高度為1像素-->
    android:bottom="1dp"
    android:top="1dp">
    <!--邊框里面背景顏色 白色-->
    <shape>
        <solid android:color="#ffffff" />
    </shape>
</item>
</layer-list>

       關鍵注意看<item>標簽的屬性，把top、right、left設置成了-2dp，而shape stroke的寬度只有1dp，這樣上右左邊線都沒了，只有底邊會保留。（可能有人會問為什么不把top、right、left設置成-1dp，我也試過了，貌似是stroke的時候，自動會在描邊的外部再多1dp的margin，仔細看上圖也能看出來，所以這里要多設置1dp才能完全去除對應邊上的stroke。你可以自己去試試）

 

       最終效果如下圖所示：

       最后一個item的background就不設置就OK，實際運行效果也完全一樣！這樣就大功告成了！