簡體   English   中英

彎曲的ListView分隔線

[英]Curved ListView divider

我正在嘗試創建照片列表視圖。 問題是我希望我的listview行有彎曲的分隔符。

我已經嘗試過獲得自定義的imageview形狀,但由於分隔線是一條直線,並且有很多白色空間,因此效果不佳。

其次,我試圖將divider作為一個.png,但這也給了我很多空白。 那我怎么能實現這樣的東西(黃線是分隔線):

在此輸入圖像描述

我有一個簡單的想法:
制作了幾個帶有透明區域的“semy wavy”PNG。
2將是上半部分和下半部分(曲率必須足夠小並且行程寬度足以將波浪縱向切成兩半)。

你最終會得到兩個矩形(比如說“標題”和頁腳)。
當顯示兩行時,第二行的頂部完成第一行的曲線。

像這樣的東西:

在此輸入圖像描述 (上面的部分)

你的ImageView

在此輸入圖像描述 (較低的部分)

這是2行符合時:

在此輸入圖像描述

黑色部分代表第二行ImageView。

好吧,也許它不像你想要的那樣曲線,但在我看來,甚至沒有這么糟糕的結果。
它給你的想法。

如果你使用漸變使它更“金屬化”,你可以做更好的藝術家作品。

[編輯]

你可能會爭辯說,第一行和最后一行分別有一個“切割”的頂部和底部。
正確觀察。

但我只是想知道如何“圍繞”它們。

您可以添加帶底部的headerView和帶頂部的footerView,這將關閉循環。

雖然這些標題滾動與行... les jeux sont fait

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM