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

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，實際運行效果也徹底同樣！這樣就大功告成了！