swift UI专项训练29 Page Control页控件

简介:      有时候我们的页面很大需要滚动只用滚动条滚动可以不太精确,这就需要用到Page Control,就像我们平时操作iphone一样,每一页都有一些APP,页面的个数是用小点标示的,每次一滑动就会切换页面,当前停留的页面的小点会被点亮。

     有时候我们的页面很大需要滚动只用滚动条滚动可以不太精确,这就需要用到Page Control,就像我们平时操作iphone一样,每一页都有一些APP,页面的个数是用小点标示的,每次一滑动就会切换页面,当前停留的页面的小点会被点亮。比如我们平时用的天气预报,每一页只能显示一个地方的天气,每次换页可以切换到其他城市。Page Control的属性不多,如下:


Pages中的两个数字标示有几页,当前在哪一页。

Behavior标示当前只有一页的时候可以隐藏,剩下的是颜色的设置。

好的我们来定义一下,现在的显示效果如图:


要实现滚动,跟scrollview有关,所以要实现scrollview的代理。在页面中添加一个最简单的view:


为了够明显,把它的背景色改成灰色,现在页面上是这个样子:


把view和控制器关联起来,当我们选中page control,然后打开它的事件管理器的时候会看到很多事件,选择vale changed,与控制器关联。



我们有五个页,为了体现不同,给它们设定不同的颜色。创建一个颜色数组:

 let color = [
    UIColor.blackColor(),
    UIColor.blueColor(),
    UIColor.brownColor(),
    UIColor.orangeColor(),
    UIColor.purpleColor()
    ]
去我们刚才添加的事件中添加操作:

@IBAction func pageChange(sender: UIPageControl) {
        colorview.backgroundColor = color[sender.currentPage]
    }

可以运行来看看了:



目录
相关文章
|
机器学习/深度学习 数据可视化 算法
基于深度学习的瓶子检测软件(UI界面+YOLOv5+训练数据集)
基于深度学习的瓶子检测软件(UI界面+YOLOv5+训练数据集)
266 0
|
8月前
|
存储 数据管理 数据库
CoreData 在 swift UI 中的使用
当谈到在 Swift UI 中进行本地数据持久化,Core Data 是一个强大且常用的解决方案。Core Data 是苹果提供的一种数据存储和管理框架,用于在应用程序中创建、读取、更新和删除数据。它提供了一个对象图管理器,可以将数据映射到对象,并提供了一种简化数据操作的方式。在本文中,我们将深入介绍 Core Data 在 Swift UI 中的使用。
CoreData 在 swift UI 中的使用
|
机器学习/深度学习 数据可视化 算法
水果新鲜程度检测系统(UI界面+YOLOv5+训练数据集)
水果新鲜程度检测系统(UI界面+YOLOv5+训练数据集)
475 0
|
机器学习/深度学习 传感器 监控
基于YOLOv5的停车位检测系统(清新UI+深度学习+训练数据集)
基于YOLOv5的停车位检测系统(清新UI+深度学习+训练数据集)
475 0
|
机器学习/深度学习 人工智能 监控
基于深度学习的人群密度检测系统(UI界面+YOLOv5+训练数据集)
基于深度学习的人群密度检测系统(UI界面+YOLOv5+训练数据集)
521 0
|
机器学习/深度学习 监控 算法
智能生活垃圾检测与分类系统(UI界面+YOLOv5+训练数据集)
智能生活垃圾检测与分类系统(UI界面+YOLOv5+训练数据集)
691 0
|
机器学习/深度学习 人工智能 算法
基于深度学习的农作物叶片病害检测系统(UI界面+YOLOv5+训练数据集)
基于深度学习的农作物叶片病害检测系统(UI界面+YOLOv5+训练数据集)
431 1
|
机器学习/深度学习 监控 算法
基于深度学习的跌倒检测系统(UI界面+YOLOv5+训练数据集)
基于深度学习的跌倒检测系统(UI界面+YOLOv5+训练数据集)
823 0
SwiftUI 面面观
前言 Swift 5.1 新语法 单表达式隐式返回值 根据结构体默认成员合成默认初始化器 字符串插入运算符新设计 属性包装器 不透明返回类型 Swift Style DSL / Function Builder 其他新特性 Swift 从 3.x Attribute Swift/SwiftUI API Design Guide 值类型和引用类型
1472 0
SwiftUI直通车系列(6)—— 使用动画
SwiftUI直通车系列(6)—— 使用动画
182 0

热门文章

最新文章

相关课程

更多