带有圆角和非比例线段的UISegmentedControl错误

Question

我最近更新了一个圆角线段控件，以使每个线段具有不同的宽度。
我的问题是最后一个细分与细分控件的末端未正确对齐

我只是将此代码用于此示例（例如作为我的分段控件）：

<div class="portfolio" style="--img:url(https://picsum.photos/200/300?image=0)"></div>
<div class="portfolio" style="--img:url(https://picsum.photos/200/300?image=1069)"></div>
<div class="portfolio" style="--img:url(https://picsum.photos/200/300?image=1050)"></div>
<div class="portfolio" style="--img:url(https://picsum.photos/200/300?image=1048)"></div>

如果我删除masksToBounds线I可以看到，右段没有达到分段控制的边缘。

有什么办法可以解决此问题？

Answer 1

这似乎是由于UISegmentedControl时apportionsSegmentWidthsByContent = true中的渲染错误引起的。通过操纵控件的CALayer，我找不到简单的解决方法。您可以使用UIStackView来模仿UISegmentedControl来创建自定义控件。

您还应该向Apple提出雷达请求。