Swift UI控件详细介绍(上）
UI控件
首先介绍一下AppDelegate.swift
@UIApplicationMain 调用了OC中的UIApplicationMain函数；
UIApplicationMain是iOS应用程序的入口
UIApplicationMain:
a.创建了一个UIApplication对象，代表当前应用程序. 作用是用来检测当前应用程序状态的改变。
- 1.在这个方法中来搭建应用程序中的所有的界面
- 2.获取应用程序需要展示的数据
- 3.使用界面展示数据
注意:如果不在这个方法中去创建window,那么程序会通过Main.storyboard去创建应用程序的界面
b.创建一个遵守UIApplicationDelegate的协议的类的对象作为UIApplication的代理，作用是处理应用程序状态的改变（创建AppDelegate对象并且设置为UIApplication对象的代理）
这个里面一个有六个方法分别是
1.当应用程序已经启动成功后，会自动调用这个方法 application
2.当应用程序将要成为非活跃状态的时候会自动调用这个方法。applicationWillResignActive
活跃状态:程序在屏幕上可见
非活跃状态:程序没有显示在屏幕上(按home键进入后台、来电打断、在当前应用程序打开其他的应用程序
3.应用程序已经进入后台的时候会自动调用( 进入后台:按home键)applicationDidEnterBackground
按下home键:command + shift + h
在这个方法中一般去暂停视频/音频播放；游戏需要暂停游戏；保存数据
4.应用程序将要进入前台的时候会自动调用( 进入前台)applicationWillEnterForeground
按两下home键:command + shift + h + h(模拟器)
5.应用程序已经变成活跃状态的时候会自动调用 applicationDidBecomeActive
a.程序启动成功后
b.程序从后台重新进入前台
c.来电打断结束
6.应用程序将要终止的时候会调用applicationWillTerminate
UIview
UIview：是ios中所有视图（控件）直接/间接的父类；所以uiview的属性和方法，对于其他类型的视图都有效
视图：在屏幕上能看见的所有东西属于视图
1.创建UIView的对象
let redView = UIView.init()2.设置frame属性（由坐标（x，y）和大小（width，height）两部分组成
redView.frame = CGRectMake(10, 10, 100, 100)a必须设置坐标和大小（默认坐标（0.0），大小（0，0））
b将视图添加到已经展示在屏幕上的视图上
ios中所以的结构都有一个对应的Make方法用来快速的创建一个结构体变量
3.把视图添加到界面上
self.view.addSubview(redView)4.设置背景颜色
视图的背景颜色默认是透明
CGFloat就是UI中的浮点型
颜色创建方式：a通过类型方法创建指定颜色redView.backgroundColor = UIColor.greenColor()b通过三原色创建颜色（red，green，blue：红绿蓝的值（0-1） alpna：透明的值（0-1）
redView.backgroundColor = UIColor.init(red: 30/255.0, green: 133/255.0, blue: 26/255.0, alpha: 1)总结：计算视图坐标的时候，注意相对性，当前视图被添加到那个视图上那么当前视图的坐标就是相对于谁来算的
相关属性
let readView = UIView.init()
self.view.addSubview(readView)设置背景颜色
readView.backgroundColor = UIColor.redColor()1.frame（坐标和大小）
readView.frame = CGRectMake(100, 100, 100, 100)2.center（中心点）
a通过frame和确定视图的中心点坐标
print(readView.center)b可以通过center的值，取改变视图的坐标
readView.center = CGPointMake(200, 200)
print(readView.frame)3.bounds（坐标和大小）
默认情况下bounds的坐标是（0.0），大小和视图的frame大小一样
了解：
rg改变bouns的大小，frame的大小和坐标都改变，center不变
如果改变bounds的坐标，不影响当前视图的位置。但是影响添加当前视图上的子视图不建议修该bounds
形变
transform（变形）：当前视图发生形变，那么添加到当前视图上所有的视图会跟着一起形变
a缩放改变 参数1：x方向上的缩放比例，参数2y方向上的缩放比例
readView.transform = CGAffineTransformMakeScale(0.5, 0.5)b.旋转（参数旋转角度(圆周率对应的角度值)（0-360 或 0 到 2*M_PI））
readView.transform = CGAffineTransformMakeRotation(CGFloat( M_PI_4))c:多个变形同时发生 在另外一个形变的前提下旋转 参数1：另外一个形变 参数2：旋转角度
readView.transform = CGAffineTransformRotate(CGAffineTransformMakeScale(0.5, 0.5), CGFloat(M_PI_4/2))在另外一个形变的前提下平移
readView.transform = CGAffineTransformTranslate(readView.transform, 0, 300)在另一个形变的前提下缩放
readView .transform = CGAffineTransformScale(CGAffineTransformMakeTranslation(100, 0), 0.5, 2)组合两个形变
readView.transform = CGAffineTransformConcat(readView.transform, CGAffineTransformMakeTranslation(0.5, 300))父子视图
MARK：-父子视图的特点和方法
创建黄色视图
let yellView=UIView.init(frame: CGRectMake(0, 0, 50, 50))
yellView.backgroundColor=UIColor.yellowColor()设置tag值，默认都是0，设置tag值的时候值必须大于0
tag的作用是区分界面不同的视图
redVIew.tag=101.一个视图只有一个父视图，可以有多个子视图
连续将同一个视图添加到两个视图。最会添加有效
redVIew.addSubview(yellView)
self.view.addSubview(yellView)
yellView.tag=112获取一个视图的父视图
let auperView = redVIew.superview
auperView?.backgroundColor = UIColor.greenColor()3.获取一个视图的所以子视图
let sub = self.view.subviews4.通过tga值拿到指定的值的子视图
let sub1 = self.view.viewWithTag(11)
sub1?.frame.origin.y+=200层次关系
在一个视图上，添加多个子视图的时候，子视图之间如果有公共的部分，那么后添加的子视图会覆盖先添加的
一般情况下，如果想要将一个视图显示在最下面，就最后添加，要想显示在最上面的就最后添加
创建视图
let view1 = self.creatView(CGRectMake(50, 100,100,100), backColor: UIColor.yellowColor())
let view2 = self.creatView(CGRectMake(100, 150,100,100), backColor: UIColor.redColor())
let view3 = self.creatView(CGRectMake(150, 200,100,100), backColor: UIColor.greenColor())
let view4 = self.creatView(CGRectMake(180, 150,100,100), backColor: UIColor.blueColor())将指定的视图放到最上层
self.view.bringSubviewToFront(view1)将指定视图放到最下层
self.view.sendSubviewToBack(view3)将指定的视图插入到另一个视图上面
self.view.insertSubview(view3, aboveSubview: view2)将指定的视图插入到另一个视图的下面
self.view.insertSubview(view2, belowSubview: view1)动画
动画 UIView的动画是用来改变动画的视图frame相关属性，背景颜色透明度 形变等
下面介绍4种
创建视图
subView.frame = CGRectMake(0, 0, 100, 100)
subView.center = self.view.center
subView.backgroundColor = UIColor.blueColor()
self.view.addSubview(subView)
layearAction()
UIViewAnimation1()参数1：动画时间 参数2：延迟时间 参数3：整个动画完成之后自动调用这个方法
func UIViewAnimation1(){
UIView.animateWithDuration(2, animations: {
self.subView.transform = CGAffineTransformMakeTranslation(0, -300)
}) { (_) -> Void in
// 动画结束需要执行的代码
UIView.animateWithDuration(3, animations: {
self.subView.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_4))
self.subView.transform=CGAffineTransformMakeTranslation(0, 0)
})
}
} 参数1：动画时间 参数2：延迟时间 参数3：选项 (.Repeat动画重复执行，.Autoreverse自动回到动画开始的状态) 参数4：动画结束时视图状态的闭包 参数5：整个动画过程完成后需要执行的闭包 func UIViewAnimation2(){
UIView.animateWithDuration(1, delay: 0.5, options: [ .Repeat, .Autoreverse,.CurveEaseInOut], animations: {
// self.subView.alpha = 0.6
self.subView.transform = CGAffineTransformMakeTranslation(0, -300)
self.subView.transform = CGAffineTransformMakeRotation(CGFloat(360))
self.subView.backgroundColor = UIColor.greenColor()
}, completion: nil)
}功能：执行这个方法前视图状态，动画切换到闭包里面设置的最终状态 参数1：动画时间（单位秒） 参数2：设置动画结束是的视图状态
func UIViewAnimation3(){
UIView.animateWithDuration(1) {
// 在这设置视图动画结束是状态
self.subView.frame.origin.y=50
self.subView.frame.size = (CGSizeMake(50, 50))
self.subView.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_4))
self.subView.backgroundColor = UIColor.redColor()
// 设置透明度
self.view.alpha = 0.3
}
}参数1：动画时间 参数2：延迟时间 参数3：弹簧板压力系数 参数4：弹簧初始加速度 参数5：选项 参数6：设置动画结束视图状态 参数7：动画结束后执行的闭包 func UIViewAnimation4(){
UIView.animateWithDuration(2, delay: 1, usingSpringWithDamping: 0.1, initialSpringVelocity: 0, options: [ .Repeat, .Autoreverse], animations: { self.subView.alpha = 0.6
self.subView.transform = CGAffineTransformMakeTranslation(0, -300)
self.subView.transform = CGAffineTransformMakeRotation(CGFloat(720))
// 注意：对于有圆角的矩形，改变大小而又不影响形状，只能通过形变取缩放，不能直接改变frame中的size
self.subView.transform = CGAffineTransformMakeScale(0, -300 )
self.subView.backgroundColor = UIColor.randomColor()
}, completion: nil)
}补充layer 属性是负责视图的形状（显示） 切圆角 当圆角值为正方形的一半，就可以切一个圆
例func layearAction(){
self.subView.layer.cornerRadius = 20
//设置边框
self.subView.layer.borderWidth = 3
self.subView.layer.borderColor = UIColor.randomColor().CGColor
}
UIlable
UIlable:UiView -> UIView的属性方法UIlabel 都拥有,从UIView继承下来的属性
// 创建UIlabel对象
let label = UILabel.init(frame: CGRectMake(10, 10, 400, 600))
// 添加到界面
self.view.addSubview(label)
// 设置颜色
label.backgroundColor = UIColor.greenColor()
// 1.UILabel特有的属性
// 设置label上显示文字
label.text = "《书湖阴先生壁》茅檐常扫净无苔，花木成畦手自栽。一水护田将绿绕，两山排闼送青来。"
// 拿到lable上的文字
print(label.text)
// 2.设置字体(默认大小17)
// 使用系统字体 设置字体大小
label.font = UIFont.systemFontOfSize(26)
// 参数1：字体大小 参数：2 字体粗细 使用系统字体
label.font = UIFont.systemFontOfSize(36, weight: 6)
// 使用系统粗体 设置大小
label.font = UIFont.boldSystemFontOfSize(36)
// 使用系统斜体 设置字体大小
label.font = UIFont.italicSystemFontOfSize(66)
// 3.设置文本颜色（默认黑色）
label.textColor = UIColor.redColor()
// 设置阴影颜色
label.shadowColor = UIColor.blueColor()
// sz阴影的偏移
label.shadowOffset.height=6
label.shadowOffset.width=6
label.shadowOffset = CGSizeMake(0, 1)
// 设置文字的剧中模式(默认左对齐）
label.textAlignment = .Center
// 设置行数
label.numberOfLines = 15
// 自动换行
// label.numberOfLines = 0
// 设置换行模式 ByWordWrapping以单词为单位换行 ByCharWrapping 以字符为单位换行
label.lineBreakMode = .ByCharWrapping补充使用自己字体的步骤
1.将ttf文件拖到工程中
2.在info.plist文件中添加键值对 Fontsprovided by appli 将字体添加到系统字体库
3.通过提供系统名的构造方法取创建字体（要先找到自己添加的字体的字体名
label.font = UIFont.init(name: "HYZhuanShuF", size: 26)根据文字设置label大小
需要显示在Lable上的文字
let str = "ikdh"
// 计算显示指定文字所需要的最小空间
// 1.将swift的字符串转换成OC的字符串
let ocstr = str as NSString
// 2.计算字符串的大小
// 参数1：限制显示当前字符串的最大宽度和长度
// 参数2：渲染方式（UsesLineFragmentOrigin）
// 参数3：确定文字字体大小(NSFontAttributeName)字体对应的Key值 NSForegroundColorAttributeName颜色值
// 参数4：
let strSize = ocstr.boundingRectWithSize(CGSizeMake(200, 200), options: .UsesLineFragmentOrigin, attributes: [NSFontAttributeName:UIFont.systemFontOfSize(17)], context: nil).size
print(strSize)
// 创建lable显示文字
let lable = UILabel.init(frame: CGRectMake(100, 100, strSize.width, strSize.height))
lable.backgroundColor = UIColor.blueColor()
self.view.addSubview(lable)
lable.text = str
lable.numberOfLines = 0UIImageView
创建UIImageView对象
let img = UIImageView(frame: CGRectMake(100, 100, 200, 300))
// 设置背景颜色
img.backgroundColor = UIColor.yellowColor()
// 添加到界面
self.view.addSubview(img)
// UIImageView专有的属性
// image属性
// 通过图片名去创建一个图片对象（注意：如果图片的格式是png，那么图片名的后缀可以省略，但是其他格式的图片的图片后缀名不能省略
img.image = UIImage.init(named: "luffy")
// 通过图片路径去创建一个图片对象
// 将文件（处了Swift文件）放到工程中实质是放到当前应用程序的包文件中
// 拿到工程中图片路径先要获取包文件的路径
// 拿到包中的指定的文件路径
let k = NSBundle.mainBundle().pathForResource("luffy", ofType: "png")
img.image = UIImage(contentsOfFile: k!)
// 比较通过图片名和通过图片地址创建图片对象 的两种方法
// 1.1.通过图片名创建的图片对象在程序结束后才会被销毁，只会创建一次，通过图片地址创建的图片对象是当前图片对象不在使用的时候就销毁
// 1.2.使用图片名创建图片的情况下：创建小图标的时候，在工程中会重复使用的图片
// 1.3.使用图片地址创建图片对象的情况：不会频繁的在多个界面出现大图
// 2.内容模式
img.contentMode = .ScaleToFill帧动画
//调用下面创建的帧动画的方法
CrectImage()
// 创建一个定时器，并且自动开启
// 参数1.定时间 参数2.调用对象的方法 参数3.存储定时时间到了以后需要调用的方法(可以不带参也可以带参，带参数只能带一个参数，并且参数类型是NSTimer类型) 参数4.给当前的NSTimer的userInfo属性赋值 参数5. 是否重复
// 功能每个0.1秒 self取调用一次timerAction方法
NSTimer.scheduledTimerWithTimeInterval(0.1, target: self, selector: "timerAction:", userInfo: nil, repeats: true)
}
// 参数：当前定时器
func timerAction(timer:NSTimer){
self.imgView.frame.origin.x += 6
// 判断小鸟是否飞到了屏幕边缘
if self.imgView.frame.origin.x >= self.view.bounds.width-self.imgView.bounds.width{
self.imgView.frame.origin.y += 60
self.imgView.frame.origin.x -= 60
// 停止定时器
// timer.fireDate = NSDate.distantFuture()
// 继续
// timer.fireDate = NSDate.distantPast()
}
if self.imgView.frame.origin.y >= self.view.bounds.width-self.imgView.bounds.width{
self.imgView.frame.origin.y -= 60
self.imgView.frame.origin.x -= 60
}
}
func CrectImage(){
// 创建一UIImageView
// 通过图片创建一个Image：UIImageView的大小是图片大小坐标是（0.0）
imgView = UIImageView.init(image: UIImage.init(named: "DOVE 1.png"))
// 在界面显示
self.view.addSubview(imgView)
// 3.使用UIImageview播放帧动画
// 3.1设置帧动画数组
var imgAray = [UIImage]()
for item in 1...18{
let imgname = "DOVE \(item).png"
let img = UIImage.init(named: imgname)
imgAray.append(img!)
}
imgView.animationImages = imgAray
// 3.2设置动画时间，单位秒
imgView.animationDuration = 0.5
// 设置动画重复次数（默认是0，无线循环）
imgView.animationRepeatCount = 0
// 3.4开始动画
imgView.startAnimating()
}UIButton(按钮)
文字按钮
// 1.创建UIButton对象
let botton = UIButton.init(frame: CGRectMake(100, 100, 200, 200))
// 2.设置背景颜色
botton.backgroundColor = UIColor.redColor()
// 3.添加到视图
self.view.addSubview(botton)
// 4.设置按钮上显示的文字
// 参数1 想要在按钮上显示的文字 参数2 ：状态
// Normal-》正常状态显示没有被点击 Highlighted-》高量状态按下去还没有弹起来的时候状态 ->Selected选中状态 -》.Disabled不可用状态
botton.setTitle("世界你好布！", forState: .Normal)
botton.setTitle("我很好！", forState: .Highlighted)
// 设置当前按钮是否选中(默认是false）
botton.selected = false
botton.setTitle("世界你好1！", forState: .Selected)
// 设置不可用(默认是true）
botton.enabled = true
botton.setTitle("不可用", forState: .Disabled)
// 设置文字颜色(可以给不同的状态设置不同的颜色)
botton.setTitleColor(UIColor.yellowColor(), forState: .Highlighted)
// 注意按钮上的文字和颜色，必须通过对应的set方法取根据状态设置，其他相关的属性可以通过拿到titlelabel取设置
// 设置按钮文字字体
botton.titleLabel?.font = UIFont.systemFontOfSize(38)
// 设置对齐方式
botton.titleLabel?.textAlignment = .Center
// 给按钮添加时间 参数1：调用方法的对象 参数2 ：指定时间发生后参数1要去调用的方法(可以不带参数，带只能带一个 并且必须是UIButton) 参数3：设置事件
// TouchDown->按下时间 ->按下弹起事件
// 功能当按钮被按下的时候self就会取调用buttonAction方法
botton.addTarget(self, action: "buttonAction:", forControlEvents: .TouchDown)图片按钮
let imageButton = UIButton.init(frame: CGRectMake(100, 300, 200, 200))
// 设置背景图片 参数1 ：图片 参数2 ：状态
imageButton.setImage(UIImage.init(named: "luffy4"), forState: .Normal)
imageButton.layer.borderColor = UIColor.init(red: CGFloat(arc4random()%256)/255, green: CGFloat(arc4random()%256)/255, blue: CGFloat(arc4random()%256)/255, alpha: 1).CGColor
// 添加点击时间
imageButton.addTarget(self, action: "buttonAction1:", forControlEvents: .TouchDown)图片文字按钮
let itbutton = UIButton.init(frame: CGRectMake(100, 500, 200, 200))
self.view.addSubview(itbutton)
itbutton.setTitle("你好", forState: .Normal)
// itbutton.setImage(UIImage.init(named: "luffy"), forState: .Normal)
itbutton.setTitleColor(UIColor.greenColor(), forState: .Normal)
// 添加事件
itbutton.addTarget(self, action: "buttonAction1:", forControlEvents: .TouchDown)
itbutton.setBackgroundImage(UIImage.init(named: "luffy"), forState: .Normal)
itbutton.titleLabel?.font = UIFont.boldSystemFontOfSize(36)
}UITextField(文本框)
//UITextField:UIControl:UIView
//===========UIView的属性和方法=======
//1.创建UITextField对象
let textField = UITextField.init(frame: CGRectMake(100, 100, 200, 50))
//2.添加到界面上
self.view.addSubview(textField)
//3.设置背景颜色
textField.backgroundColor = UIColor.yellowColor()
//4.再创建一个UITextField对象
let textField2 = UITextField.init(frame: CGRectMake(100, 200, 200, 50))
self.view.addSubview(textField2)
textField2.backgroundColor = UIColor.yellowColor()
textField2.delegate = self
//=====textField的专有属性和方法====
//(1)文字相关
//1.text属性
//设置文本输入框的内容
textField.text = "你好世界"
//拿到文本输入框的内容
print(textField.text)
//2.文字颜色
textField.textColor = UIColor.brownColor()
//3.设置文字字体
textField.font = UIFont.systemFontOfSize(14)
//4.设置占位文字(在输入框的内容为空的时候就会显示出来)
textField.placeholder = "请输入账号"
//5.设置文本的对齐方式(默认是:左对齐)
textField.textAlignment = .Left
//6.密文显示(默认是false)
textField.secureTextEntry = true
//(2)显示相关
//1.设置文本框的样式
textField.borderStyle = .RoundedRect
//2.设置清除按钮模式(清除按钮实质是rightView)
//(前提是输入框中有文字)
//Always -> 一直显示
//Never -> 从不显示(默认)
//WhileEditing -> 当文本输入框处于编辑状态的时候才显示
//UnlessEditing ->当文本输入框处于非编辑状态的时候才显示
//注:当文本输入框中有光标的时候就是处于编辑状态
textField.clearButtonMode = .Always
//3.左视图
let leftImageView = UIImageView.init(frame: CGRectMake(0,0, 40,40))
leftImageView.image = UIImage.init(named: "luffy1")
//设置左视图
textField.leftView = leftImageView
//设置左视图的显示模式(确定什么时候显示，默认是从不显示)
textField.leftViewMode = .Always
//4.右视图
//当右视图显示的时候，清除按钮不能显示
/*
let rightLabel = UILabel.init(frame: CGRectMake(0, 0, 40, 40))
rightLabel.text = "你好"
textField.rightView = rightLabel
textField.rightViewMode = .Always
*/
//(3)键盘相关
//1.设置键盘上返回按钮的样式
textField.returnKeyType = .Search
//2.键盘样式
textField.keyboardType = .Default
//3.设置自定义的键盘
//自定义的键盘，只有高度有效。宽度是屏幕的宽度
let myInputView = UIView.init(frame: CGRectMake(0, 0, 0, 256))
myInputView.backgroundColor = UIColor.redColor()
//textField.inputView = myInputView
//4.设置子键盘
let accessoryView = UIView.init(frame: CGRectMake(0, 0, 0, 50))
accessoryView.backgroundColor = UIColor.greenColor()
textField.inputAccessoryView = accessoryView
//(4)设置代理
//textField ->委托
//self -> 代理
textField.delegate = self拓展
extension ViewController: UITextFieldDelegate{
//1.当按键盘上的返回按钮的时候，会自动调用
func textFieldShouldReturn(textField: UITextField) -> Bool{
print("返回按钮被点击")
//收起键盘(结束编辑)
//1.放弃第一响应者
textField.resignFirstResponder()
//2.直接让指定的textField结束编辑
textField.endEditing(true)
//3.让self.view上的所有的子视图都结束编辑
self.view.endEditing(true)
return true
}
//2.当点击textField弹出来的键盘上的按键的时候会自动调用这个方法
//参数1:委托
//参数2:当前输入的字符所在的位置
//参数3:当前输入的字符串(在键盘上按的键的值)
//返回值:是否可改变textField的text属性();false -> 按键盘上的按键无效
func textField(textField: UITextField, shouldChangeCharactersInRange range: NSRange, replacementString string: String) -> Bool{
print(range)
print(string)
if string == "0" {
print("进入秘密页")
}
return true
}
//3.当文本输入框已经结束编辑的时候会自动调用这个方法
func textFieldDidEndEditing(textField: UITextField){
print("已经结束编辑")
}
//4.当文本输入框已经开始编辑的时候会自动调用这个方法
func textFieldDidBeginEditing(textField: UITextField){
print(textField.text)
print("已经开始编辑")
}
//5.当文本输入框将要结束编辑的时候会自动调用这个方法
//返回:设置当前的textField是否可以结束编辑(默认是true)
func textFieldShouldEndEditing(textField: UITextField) -> Bool{
print("将要结束编辑")
//要求文本输入框中的文字长度要大于等于8的时候才能结束编辑
if textField.text?.characters.count >= 8 {
return true
}
return false
}
//6.在textField将要开始编辑的时候会自动调用
//参数:当前这个协议对应的委托
//返回值:设置当前的textField是否可以进行编辑(默认是true)
func textFieldShouldBeginEditing(textField: UITextField) -> Bool{
print("将要开始编辑")
return true //false ->让textField不能进行编辑
}
}.UISwitch(开关)
func creatSwitch() {
//1.创建开关对象
//UISwitch:UIControl:UIView
let sw = UISwitch.init(frame: CGRectMake(100, 100, 100, 50))
//2.添加到界面上
self.view.addSubview(sw)
//3.核心属性:开关状态(默认是：关)
//设置开关的状态
sw.on = true //false -> 关
sw.setOn(false, animated: true)
//拿到当前的状态
print(sw.on)
//4.核心方法:
//参数1:调用方法的对象
//参数2:指定的事件发生后参数1要去调用的方法对应的selector
//参数3:事件
//功能:当开关的值(开关的状态)发生改变的时候，self会去调用switchAction方法
sw.addTarget(self, action: "switchAction:", forControlEvents: .ValueChanged)
//5.设置开关开的状态的颜色(默认是绿色)
sw.onTintColor = UIColor.redColor()
//6.开关关闭的时候的边框颜色
sw.tintColor = UIColor.purpleColor()
//7.设置开关上的滑块的颜色
sw.thumbTintColor = UIColor.yellowColor()UISlider(滑条)
//1.创建滑条对象
//UISlider:UIControl:UIView
let slider = UISlider.init(frame: CGRectMake(100, 160, 200, 20))
//2.添加到界面上
self.view.addSubview(slider)
//3.核心属性:值
//value:滑块的位置对应的值（默认是0~1）
slider.value = 0.5
//最小值和最大值
slider.minimumValue = 0
slider.maximumValue = 100
//4.核心方法
slider.addTarget(self, action: "sliderAction:", forControlEvents: .ValueChanged)
//5.是否连续改变
slider.continuous = false
//文字图片给之前的用法是一样的就不一一介绍了UIStepper(步进器)
//1.创建步进器对象
let stepper = UIStepper.init(frame: CGRectMake(100, 200, 100, 50))
//2.添加到界面上
self.view.addSubview(stepper)
//3.核心属性:值
//当前值
stepper.value = 1
print(stepper.value)
//最小值和最大值
stepper.minimumValue = 0
stepper.maximumValue = 10
//步进(每按一下加或者减，增加/减少的值)
stepper.stepValue = 1 //步进值必须大于0
//4.核心方法
stepper.addTarget(self, action: "stepperAction:", forControlEvents: .ValueChanged)
//5.设置值是否连续改变(按住不放的时候)
stepper.continuous = false
//6.设置是否重复 false->按住不放的时候不计数；true->按住不放的时候计数(默认)
stepper.autorepeat = false
//7.设置填充颜色
stepper.tintColor = UIColor.redColor()UIProgressView(进度条)
func creatProgress() {
//1.创建进度条对象
//UIProgressView : UIView
let progress = UIProgressView.init(frame: CGRectMake(100, 300, 200, 20))
progress.tag = 100
//2.添加到界面上
self.view.addSubview(progress)
//3.核心属性
//进度:0~1
//设置当前进度
progress.progress = 0.5
progress.setProgress(0.6, animated: true)
//4.颜色相关
//5.图片相关UIActivityIndicatorView（活动指示器）
func creatActivity() {
//1.创建活动指示器对象
//UIActivityIndicatorView : UIView
let activity = UIActivityIndicatorView.init(frame: CGRectMake(100, 360, 50, 50))
//2.添加到界面上
self.view.addSubview(activity)
//3.想要让活动指示器显示，必须让它开始动画
activity.startAnimating()
//4.停止动画->活动指示器就会消失
//activity.stopAnimating()
//5.设置活动指示器的样式
activity.activityIndicatorViewStyle = .WhiteLargeUISegmentedControl（多段选择器）
func creatSegement() {
//1.创建多段选择器对象
//UISegmentedControl : UIControl
//参数1:分段选择器上的内容对应的数组
let segemnet = UISegmentedControl.init(items: ["海贼王","火影忍者","死神"])
segemnet.frame = CGRectMake(100, 400, 200, 50)
//2.显示在界面上
self.view.addSubview(segemnet)
//3.核心属性
//a.每个分段上的内容 ->通过创建分段选择器的时候去设置
//b.当前选中的分段的下标(从0开始)
segemnet.selectedSegmentIndex = 0
//4.核心方法
segemnet.addTarget(self, action: "segementAction:", forControlEvents: .ValueChanged)
//5.拿到分段选择的分段数
print(segemnet.numberOfSegments)
//6.设置填充颜色
segemnet.tintColor = UIColor.whiteColor()
}以上事件响应
extension ViewController{
//4.分段选择器事件
func segementAction(segement:UISegmentedControl) {
print(segement.selectedSegmentIndex)
//拿到当前被选中的分段的title
print(segement.titleForSegmentAtIndex(segement.selectedSegmentIndex))
}
//3.步进器
func stepperAction(stepper:UIStepper) {
print(stepper.value)
}
//2.滑条
func sliderAction(slider:UISlider) {
print(slider.value)
//拿到进度条
let progress = self.view.viewWithTag(100) as! UIProgressView
let t = slider.value/(slider.maximumValue - slider.minimumValue)
progress.setProgress(t, animated: true)
}
//1.开关事件
func switchAction(sw:UISwitch) {
if sw.on {
print("开关打开")
}else{
print("开关关闭")
}
}
}警告框
//1.创建一个表单视图
//UIAlertController : UIViewController
//参数1:标题
//参数2:信息
//参数3:风格(ActionSheet->表单,Alert->警告框)
let alterController = UIAlertController.init(title: nil, message: "消息", preferredStyle: .Alert)
//2.添加到界面上
//参数1:需要显示的视图控制
self.presentViewController(alterController, animated: true, completion: nil)
//3.添加选项按钮
//参数1:选项对应的按钮上的文字
//参数2:风格
//参数3:当当前选项对应的按钮被点击后会执行的代码对应的闭包
let action = UIAlertAction.init(title: "相机", style: .Default) { (_) in
print("相机被点击")
}
//Destructive风格
let action2 = UIAlertAction.init(title: "相册", style: .Destructive) { (_) in
print("相册被点击")
}
//Cancel风格
let action3 = UIAlertAction.init(title: "取消", style: .Cancel) { (_) in
print("取消")
}
//添加相机对应的action
alterController.addAction(action)
//添加相册对应的action
alterController.addAction(action2)
// alterController.addAction(action3)UITextView （显示区文本）
//1.创建textView对象
//UITextView:UIScrollView : UIView
textView = UITextView.init(frame: CGRectMake(100, 100, 200, 70))
//2.添加到界面上
self.view.addSubview(textView)
//3.设置背景颜色
textView.backgroundColor = UIColor.yellowColor()
//4.text属性
textView.text = " default is nil. Can be useful with the appearance proxy on custom UIView subclasses."
//5.设置是否可以选中和编辑
//默认是true -> 可以选中和编辑
textView.selectable = true
//6.是否可以选中删除所有
textView.clearsOnInsertion = true
//7.其他的属性和方法参考UITextField //在点击当前页面的时候会自动调用这个方法
override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
//5.获取选中的范围
let range = textView.selectedRange
print(range)
}
}Swift UI控件详细介绍(上）的更多相关文章
- Tkinter 控件详细介绍
Tkinter 控件详细介绍 1.Button 按钮.类似标签,但提供额外的功能,例如鼠标掠过.按下.释放以及键盘操作/事件 2.Canvas 画布.提供绘图功能(直线.椭圆.多边形.矩形) ;可以包 ...
- iOS:UIPageViewController翻页控制器控件详细介绍
翻页控制器控件:UIPageViewController 介绍: 1.它是为我们提供了一种类似翻书效果的一种控件.我们可以通过使用UIPageViewController控件,来完成类似图书一样的翻页 ...
- Android Support Library控件详细介绍之RecyclerView
RecyclerView控件 依赖 compile 'com.android.support:recyclerview-v7:24.1.1'RecyclerView也是容器控件,大多数的效果显示可通 ...
- 界面绚丽的SharePoint仪表盘控件Nevron Gauge for SharePoint 控件详细介绍
Nevron .NET Vision 是一款用于创建独特的.强大的数据表示应用程序的最终控件,它具有超强的数据可视化性能. 整合了Nevron Chart for .NET, Nevron Diagr ...
- iOS基础UI控件介绍-Swift版
iOS基础UI控件总结 iOS基础控件包括以下几类: 1.继承自NSObject:(暂列为控件) UIColor //颜色 UIImage //图像 2.继承自UIView: 只能相应手势UIGest ...
- iOS开发UI篇—Date Picker和UITool Bar控件简单介绍
iOS开发UI篇—Date Picker和UITool Bar控件简单介绍 一.Date Picker控件 1.简单介绍: Date Picker显示时间的控件 有默认宽高,不用设置数据源和代理 如何 ...
- 用swift创建各种UI控件【iSwifting社区】
为了方便大家学习,www.iSwifting.com社区为大家准备了创建各种UI控件的代码.開始看着语法可能有些别扭,当用习惯了,就认为还是非常不错的. 社区还添加了问答专区.有问题的朋友.虽然问.大 ...
- iOS开发UI篇—UITableview控件简单介绍
iOS开发UI篇—UITableview控件简单介绍 一.基本介绍 在众多移动应⽤用中,能看到各式各样的表格数据 . 在iOS中,要实现表格数据展示,最常用的做法就是使用UITableView,UIT ...
- 可能用得上的UI控件
为了便于开发者打造各式各样的优秀App,UIKit框架提供了非常多功能强大又易用的UI控件以下列举一些在开发中可能用得上的UI控件: 红色表明最常用,蓝色代表一般,黑色代表几乎不用(这不是绝对的, ...
随机推荐
- Windows服务管理
按键:win+R 输入:services.msc “服务和应用程序”界面选项打开 * sc命令的使用:create(创建) delete(删除)等 * service可执行文件路径的修改:win+R ...
- Red Hat Enterprise Linux(RHEL)中yum的repo文件详解
Yum(全称为 Yellow dog Updater, Modified)是一个在Fedora和RedHat以及CentOS中的Shell前端软件包管理器.基于RPM包管理,能够从指定的服务器自动下载 ...
- UVA 10382 Watering Grass （区间覆盖，贪心）
问题可以转化为草坪的边界被完全覆盖.这样一个圆形就换成一条线段. 贪心,从中选尽量少的线段把区间覆盖,按照把线段按左端点排序,记录一个当前已经覆盖区间的位置cur, 从左端点小于等于cur选一个右端点 ...
- IDE spec for registry settings
IDE spec for registry settings Advanced customization of Visual Assist is possible with registry set ...
- linux基本命令及使用方法
shell环境: shell:命令解释器,是Linux 系统的用户界面,提供了用户与内核进行交互操作的一种接口,它接收用户输入的命令并把它送入内核去执行. bash:是GNU 计划中重要的工具软件之一 ...
- java基础—static关键字
一.static关键字
- localStorage对象
localStorage对象存储的数据没有时间限制,比如:它可以存储到第二天,第三周,半年,或二三年,只要您的电脑没有重新安装系统或更换硬盘,数据仍然会被保留着. 实例: <!DOCTYPE h ...
- 什么是静态代码块？java中如何使用空参构造方法自动生成不同名字的对象，使用非静态的属性和静态属性有什么区别，原因是什么？如何理解static关键字
静态代码块?类加载就执行,最先执行 class demo{ static int num; static{ num=10; num*=3; System.out.println("haha& ...
- spring boot yaml 自定义配置 映射到 java POJO
只需要一个注解就ok: @ConfigurationProperties("user.other") “user.other” 这个值匹配的是user下的other对象 yaml ...
- Python如何查看变量在内存中的地址
在python中可以用id()函数获取对象的内存地址. 用法: object = 1 + 2 object -- 对象