繁体   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