swift UI专项训练16 ProgressView进度条

进度条的基类是UIProgressView。参数包括样式、进度、进度颜色、滑块颜色。如图:

比如我们做如下修改:

现在我们的进度条变成了如下的样子:

它的方法很简单,只有一个setProgress,设定进度就好了。

时间: 2024-10-28 23:19:30

swift UI专项训练16 ProgressView进度条的相关文章

swift UI专项训练17 SearchBar搜索条

搜索栏算是UI中很简单的一个操作了,拖一个搜索栏上来. 搜索栏中比较重要的属性是占位符,也就是图中右侧的Placeholder,比如输入"请输入关键字",显示如下: 这一项是设置背景颜色: Options选项会对搜索框进行一些调整: 比如我们选择第一项,会显示出一个下拉箭头: 接下来看这部分: 这个里面有一些很有意思的选项,比如这个Keyboard Type,当我们在网页输入的时候要输入汉字和数字,当我们输入电话号码的时候只能输入数字,就是用这个选项. 还有这个Return Key,我

swift UI专项训练18 ToolBar工具条

工具条是个很重要的内容,什么是工具条呢,它一般显示在屏幕下方,显示一些按钮或者文字,我们可以用系统现成的,也可以用我们自定义的.之前我们讲的都是需要代理模式的,Dlelegate,委托模式.ToolBar属于目标操作,不需要代理.网界面上拖一个Toolbar拖到界面底部. toolbar的元素如下: Style主要是设置样式,比如浅色和黑色的. Bar Tint是设置颜色. Item是工具栏上的按钮,跟导航栏很相似.我们可以选择系统中已有的,比如我们选择done 那么toolbar上的按钮就会变

swift UI专项训练12 ActivityIndicator

有时候我们的APP需要联网或者其他比较耗时的操作,需要给用户提示,提示的好办法是进度条或者一个转圈的齿轮,提示用户有操作在进行.我们在上一话的场景中增加两个按钮,下载和停止,点击下载齿轮就开始转,点击停止就停止. 然后把这个组件拖到我们的场景中 设置格式: 效果如图: 把按钮和齿轮连线到控制器中: @IBOutlet weak var loading: UIActivityIndicatorView! @IBAction func stopButton(sender: UIButton) { }

swift UI专项训练31 Slider 滑块

滑块是用一种渐进柔和的方式来展示一种设置或者一个进度.滑块的基类是UISlider,属性比较简单 主要是最小值最大值和当前值. 设定如下: 可以看到下面有两个选项,最小值图像和最大值图像,我们导入两张图片(不好意思没有太合适的图片...): 它最主要的事件就是值变更,跟我们之前遇到的控件差不多,现在我们让label显示滑动的当前值,最小是0,最大是10,我们上面设置过的. @IBAction func sd(sender: UISlider) { label1.text = "\(sender.

Swift UI专项训练1 交互

我们都知道在IOS界面编程的时候有IBOutlet和IBAction,前者是引用后者是操作,IBAction有一个参数sender,用来指向操作对象,之前我发布的天气预报的小程序那一话可以看到,如果我们需要一个按钮的点击事件的话那就使用IBAction,如果是一个Label要显示东西的话那就用IBOutlet. 现在来讲一下IBAction中的一些事件类型: 1.Touch Down Inside:触碰,只要我们碰到不动就算触发了事件 2.Touch Up  Inside:抬离,和1不同的是,触

Swift UI专项训练2 本地化及自动布局

首先我们新建一个工程,然后来做本地化,本地化就是根据用户设置的语言等等信息来显示.那么如何来设置呢,打开我们的工程,点开Supporting Files中的Info.plist.如图: 右侧第一栏选中China,这样如果遇到一些系统组件,那么会自动变成中文的. 现在我们来编辑第一个页面.在storyboard中增加一个文本框.简单的部分我就不截图了,注意这里的placeholder(占位符),代表在你没有输入内容的时候的显示信息: 还有这个属性Clear Button,也要注意一下,选择Appe

swift UI专项训练25 网址输入完毕事件

首先我们运行一下上一话中写好的程序看看有什么问题. 我们发现点击return是没有反应的,这是因为我们之前设置了文本框为这个界面的第一反应者,我们要得到键盘的返回必须对键盘做一些操作.从textfield入手,添加一个方法: func textFieldShouldReturn(textField: UITextField) -> Bool { textField.resignFirstResponder() return true } 这是一个点击返回按钮输入框消失的方法,其中在返回之前我们要

Swift UI专项训练7 数据添加

上一话我们使用了自己定义的控制器之后发现tableview上的餐馆没有了,这一话我们来添加数据,新添加一个餐馆类,这个类我们不需要继承系统的类,直接添加一个swift文件就好 import Foundation class Restaurant { var name = "" var location = "" var score = 10 } 我简单建一个类,分别代表餐馆名字.餐馆位置和餐馆评分,它们都有默认值. 然后我们回到餐馆排行的控制器中新建一个餐馆的数组.

Swift UI专项训练6 反向过渡

上一话中我们第二个场景设置过渡的时候选择的是modal类型,不是push.所以用户输入后需要手工返回.导航条上有两个按钮,完成和取消.所以我们要对这两个按钮进行反向过渡,我们需要在事件源头添加@IBAction.代码如下: @IBAction func unwindToList(segue:UIStoryboardSegue){ } 以上代码应该添加到RestaurantListViewController中,unwindToList代表反向过渡.然后回到storyboard中,选择新增餐馆的页