iOS分段控件，顶部有一个小三角形

Question

如何在UISegmentedControl中的所选项目上方绘制一个小三角形？有没有人知道开源而不是延伸它？ （如果不是 - 如何做的指示）

设计应该看起来像（这是在屏幕的底部）

Answer 1

我不相信那是一种以本土方式做到这一点。你可以找到一个允许它的库，但你可以很容易地自己做，我推荐。

我可以想出一些开箱即用的方法，在这两个我认为值得一提的方法：

1）对图像使用UISegmentedControl。使分段控制器具有包含三角形的高度，并具有显示所需内容的选定状态和正常状态的图像。 “正常”状态将在顶部具有透明矩形，与整个图像一样宽，并且与三角形一样高。所选图像将包括三角形。两个图像应该以相同的宽度和高度结束。

2）子类UISegmentedControl并在drawRect:中进行一些自定义绘制。您可以在分段控制器的边界外（上方）绘制三角形，确保将分段控制器的clipToBounds属性设置为NO，以及其layer＆＃39; s masksToBounds财产。

如果您需要更多帮助或其他建议，请询问。