Tag: Uicomponents

快速创建自定义分段控件

大家好，这是我的第一个故事，与您分享ios分段控制。 ios中的默认边框带有边框和自定义功能，这并不容易。 如今，有些应用程序被设计为在Android和IOS上看起来一样，我们需要自定义许多组件，即使用户更换设备（IOS←→Android）也要给用户相同的体验。 因此，让我们创建一个分段控件，它看起来像Android中没有边框的选项卡式栏。 可以用作幻灯片菜单或XLPagerTabStrip中的滑块标签，也可以用作Android中带有滚动标签的滑块标签。 我通过观看Mark Tutorial youtube频道创建了此自定义分段控件，并根据我的要求进行了更多自定义。 让我们深入研究代码… 众所周知，UIControl继承自UIView。 所有IOS或Xcode UIComponent都继承自UIControl，后者已封装或绑定了组件的所有操作和侦听器（UIControlEvents，如.tpuchUpInside，.changeValue等）。 因此，为customSegmentedControl创建一个UIControl的子类。 @IBDesignable类CustomSegmentedContrl：UIControl { } 2.现在，添加按钮数组，其作用类似于段。 要突出显示所选按钮/细分，我们可以使用单独的视图。 在这里，我称其为“选择器”。 我还在细分控件的底部放置了底层视图 var按钮= [UIButton]（） var underLiner：UIView！ var选择器：UIView！ 3.在这里，我给出一个选项，选择带有标志的衬板。 var isUnderLinerNeeded：Bool = false { didSet { updateView（） } } 4.在这里，还有两个可以用于分段控件的属性 var selectedSegmentIndex = 0 { didSet { updateSegmentedControlSegs（index：selectedSegmentIndex） } } var numberOfSegments：Int = 0 { didSet { numberOfSegments […]