swift UI专项训练30 Segmented Control段控件

简介:      有时候我们需要给页面分段,也就是分组。基类是UISegmentedControl,下面展示它的属性:基本上就是几段,段的标题,每一段的图像。

     有时候我们需要给页面分段,也就是分组。基类是UISegmentedControl,下面展示它的属性:


基本上就是几段,段的标题,每一段的图像。现在我们来拖动一个段,默认的是两段,把它的段数设定为3,给第三段命名。



段的事件是这个段发生了切换,valueChanged事件。现在让我们来实现一下,往界面中拖一个label,让段切换的时候,label中显示段的标题。

和上一话中的方法类似,label拖拽到控制器中,然后把segment的事件value changed也拖拽到控制器中。


然后把操作的代码增加到事件中:

  @IBAction func segChanged(sender: UISegmentedControl) {
        
        label1.text = sender.titleForSegmentAtIndex(sender.selectedSegmentIndex)
    }

运行效果如下:




目录
相关文章
|
22天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
2月前
|
算法 API C++
【Qt UI】QT 窗口/控件置顶方法详解
【Qt UI】QT 窗口/控件置顶方法详解
56 0
|
2月前
|
算法 前端开发 C++
【Qt UI相关】Qt设置窗体或控件的背景色透明
【Qt UI相关】Qt设置窗体或控件的背景色透明
22 0
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
29 0
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
17 0
|
2月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
33 0
|
2月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
18 0
|
2月前
|
XML 开发框架 前端开发
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
浅谈 Angular 和 UI5 这两种前端框架里控件 ID 的设计思路差异
16 0
|
3月前
|
开发框架 容器
SAP UI5 控件的 aggregation 的概念解析
SAP UI5 控件的 aggregation 的概念解析
37 0
|
4月前
|
API C# 开发者
一款开源免费美观的WinForm UI控件库
一款开源免费美观的WinForm UI控件库
292 9

相关课程

更多