iOS 9应用开发教程之使用开关滑块控件以及滚动部署视图
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了iOS 9应用开发教程之使用开关滑块控件以及滚动部署视图,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含5507字,纯文字阅读大概需要8分钟。
内容图文
iOS 9应用开发教程之使用开关滑块控件以及滚动部署视图
使用ios9中的开关、滑块控件
开关和滑块也是用于和用户进行交互的控件。本节将主要讲解这两种控件。
ios9开关
开关控件常用来控制某个功能的开发状态,如蓝牙、 GPS 、 WiFI 信号等。如图 2.29 所示就是一个在 WiFI 中的开关。开关控件一般使用 UISwitch 来实现。
图 2.29 开关
【示例 2-10 】以下将使用开发控件实现手电筒的功能。代码如下:
-
import UIKit
-
class ViewController: UIViewController {
-
var isOn:Bool=true
-
override func viewDidLoad() {
-
super.viewDidLoad()
-
// Do any additional setup after loading the view, typically from a nib.
-
// 添加开关控件
-
let mySwitch=UISwitch(frame: CGRectMake(163, 318, 51, 318))
-
self.view.addSubview(mySwitch)
-
mySwitch.addTarget(self, action: "switchAction", forControlEvents: UIControlEvents.ValueChanged) // 响应开发
-
self.view.backgroundColor=UIColor.blackColor()
-
}
-
func switchAction(){
-
// 判断开关的状态
-
if (isOn) {
-
self.view.backgroundColor=UIColor.whiteColor() // 设置背景颜色
-
isOn=false
-
} else {
-
self.view.backgroundColor=UIColor.blackColor() // 设置背景颜色
-
isOn=true
-
}
-
}
-
……
-
}
此时运行程序,会看到如图 2.30 所示的效果。当开发者将开关滑动到开的状态后,就打开了灯光,即界面的背景颜色就变为了白色,如图 2.31 所示。
图 2.30 运行效果 图 2.31 运行效果
ios9滑块控件
滑块控件可以从一个连续的区间中选择一个值。例如,可以控制设备的当前音量、亮度等等。图 2.32 中就显示了两个滑块控件,其中一个控制设备的亮度,另一个控制设备的音量。一般使用 UISlider 来实现滑块控件。
图 2.32 滑块
【示例 2-11 】以下通过滑块控件实现调节屏幕亮度的功能。具体的操作步骤如下:
( 1 )创建一个 Single View Application 模板类型的项目,命名为 UISlider 。
( 2 )打开 Main.storyboard 文件,在主视图中添加一个空白视图,空白视图的位置为 (0, 0, 375, 614) 。为空白视图声明和关联插座变量,变量名称为 myView 。
( 3 )打开 ViewController.swift 文件,编写代码。此代码实现的功能是调节屏幕亮度。代码如下:
-
import UIKit
-
class ViewController: UIViewController {
-
@IBOutlet weak var myView: UIView!
-
let mySlider=UISlider(frame: CGRectMake(0, 625, 376, 31))
-
override func viewDidLoad() {
-
super.viewDidLoad()
-
// Do any additional setup after loading the view, typically from a nib.
-
self.view.addSubview(mySlider)
-
mySlider.value=0.5 // 设置滑块控件当前的值
-
myView.alpha=CGFloat(mySlider.value) // 设置空白视图的透明度
-
mySlider.addTarget(self, action: "sliderAction", forControlEvents: UIControlEvents.ValueChanged) // 实现响应
-
}
-
func sliderAction(){
-
myView.alpha=CGFloat(mySlider.value) // 设置空白视图的透明度
-
}
-
……
-
}
此时运行程序,会看到如图 2.33 所示的效果。当开发者滑动滑块控件中的滑块就可以对屏幕的亮度进行调节了,如图 2.34 所示。
图 2.33 运行效果 图 2.24 运行效果
屏幕滚动视图 ——ios9 滚动视图
由于 iPhone 或者是 iPad 屏幕边界的影响,使我们添加的控件和界面元素受到限制。但是在 iPhone 或者 iPad 开发中,人们使用滚动视图解决了这一受到限制的问题。滚动视图由 UIScrollView 类的一个实例对象实现。
【示例 2-12 】以下将使用滚动视图实现标签的滚动。代码如下:
-
import UIKit
-
class ViewController: UIViewController {
-
override func viewDidLoad() {
-
super.viewDidLoad()
-
// Do any additional setup after loading the view, typically from a nib.
-
// 添加滚动视图
-
let myScroller=UIScrollView(frame: CGRectMake(0, 0, 375, 667))
-
myScroller.contentSize=CGSizeMake(375, 10000) // 设置滚动范围的大小
-
self.view.addSubview(myScroller)
-
var y: CGFloat = 10
-
var i=1
-
for (i;i<=100;i++) {
-
// 添加标签对象
-
let mylabel=UILabel()
-
mylabel.frame=CGRectMake(3, y, 375, 50)
-
mylabel.text="\(i)"
-
myScroller.addSubview(mylabel)
-
y+=100
-
}
-
}
-
……
-
}
此时运行程序,会看到如图 2.35 所示的效果,当开发者滑动屏幕,会看到滚动视图实现的滚动,如图 2.36 所示。
图 2.35 运行效果 图 2.36 运行效果
注意:滚动视图中需要注意以下点
1. 常用属性
滚动视图的属性有很多,表 2-7 就总结了滚动视图常用的一些属性。
2-7 滚动视图的属性
2. 滚动视图常用事件
在滚动视图中一般会使用到一些事件。这里将常用到的一些事件做了总结,如表 2-8 所示。
表 2-8 滚动视图常用事件
iOS 9 新增 —— 部署视图
同以往的 iOS 一样, iOS 9 为开发者以及用户带来了很多的新特性。其中,比较特别的是部署视图,它将从根本上改变开发者在 iOS 上创建用户界面的方式。部署视图提供了一个高效的接口,用于平铺一行或一列的视图组合。部署视图一般使用 UIStackView 视图。
【示例 2-13 】以下将实现类似淘宝上评分的效果。具体的操作步骤如下:
( 1 )创建一个 Single View Application 模板类型的项目,命名为 UIStackView 。
( 2 )打开 Main.storyboard 文件,在主视图中添加一个 Vertical Stack View 视图和一个 Horizontal Stack View 视图。
( 3 )为 Vertical Stack View 视图添加约束(约束描述了视图间的几何关系),即 height=350 , width=375 。添加约束的具体步骤如下:
首先,选中要添加约束的视图,即 Vertical Stack View 视图。
然后,选择 pin 图标,如图 2.37 所示。
图 2.37 选中 pin 图标
弹出 Add New Constraints 对话框,如图 2.38 所示。
图 2.38 Add New Constraints 对话框
最后,在输入框中输入内容后,在对应项前面打对勾,按下回车后,约束就添加到了 Horizontal Stack View 视图中。
( 4 )为 Horizontal Stack View 视图添加约束,即 height=60 , width=375 。
( 5 )添加视图对象到 Vertical Stack View 视图和 Horizontal Stack View 视图中,以及对主视图中的视图对象进行设置,如图 2.39 所示。
图 2.39 主视图效果
需要添加的视图以及对它们的设置如表 2-9 所示。
表 2-9 对视图对象的设置
( 6 )打开 ViewController.swift 文件,编写代码,此代码实现的功能是轻拍按钮,改变按钮的标题和颜色。代码如下:
-
import UIKit
-
class ViewController: UIViewController {
-
@IBOutlet weak var button1: UIButton!
-
@IBOutlet weak var button2: UIButton!
-
@IBOutlet weak var button3: UIButton!
-
@IBOutlet weak var button4: UIButton!
-
@IBOutlet weak var button5: UIButton!
-
override func viewDidLoad() {
-
super.viewDidLoad()
-
// Do any additional setup after loading the view, typically from a nib.
-
}
-
// 触摸按钮改变第一个按钮的标题和颜色
-
@IBAction func action1(sender: AnyObject) {
-
self.addstar(button1)
-
}
-
// 触摸按钮改变第一个按钮和第二个按钮的标题和颜色
-
@IBAction func action2(sender: AnyObject) {
-
self.addstar(button1)
-
self.addstar(button2)
-
}
-
// 触摸按钮改变第一个按钮、第二个按钮和第三个按钮的标题和颜色
-
@IBAction func action3(sender: AnyObject) {
-
self.addstar(button1)
-
self.addstar(button2)
-
self.addstar(button3)
-
}
-
// 触摸按钮改变第一个按钮、第二个按钮、第三个按钮和第四个按钮的标题和颜色
-
@IBAction func action4(sender: AnyObject) {
-
self.addstar(button1)
-
self.addstar(button2)
-
self.addstar(button3)
-
self.addstar(button4)
-
}
-
// 触摸按钮改变全部按钮的标题和颜色
-
@IBAction func action5(sender: AnyObject) {
-
self.addstar(button1)
-
self.addstar(button2)
-
self.addstar(button3)
-
self.addstar(button4)
-
self.addstar(button5)
-
}
-
// 改变按钮的标题以及颜色
-
func addstar(button:UIButton){
-
button.setTitle(" ★ ", forState: UIControlState.Normal)
-
button.setTitleColor (UIColor.orangeColor(), forState: UIControlState.Normal)
-
}
-
……
-
}
此时运行程序,会看到如图 2.40 所示的效果。当开发者触摸按钮后,会看到类似点亮星星的效果,如图 2.41 所示。
图 2.40 运行效果 图 2.41 运行效果
注意,在示例中 Vertical Stack View 视图和 Horizontal Stack View 视图都属于布局视图,只是他们平铺视图的方式不同。 Vertical Stack View 视图用于平铺一列视图组合; Horizontal Stack View 视图用于平铺一行视图组合。在使用这些视图时,遇到的属性如表 2-10 所示。
表 2-10 Stack View 视图的属性
本文选自:iOS 9应用开发基础教程大学霸内部资料,转载请注明出处,尊重技术尊重IT人!
原文:http://my.oschina.net/u/1585857/blog/491248
内容总结
以上是互联网集市为您收集整理的iOS 9应用开发教程之使用开关滑块控件以及滚动部署视图全部内容,希望文章能够帮你解决iOS 9应用开发教程之使用开关滑块控件以及滚动部署视图所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。