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=10

1.一个视图只有一个父视图,可以有多个子视图
连续将同一个视图添加到两个视图。最会添加有效

        redVIew.addSubview(yellView)
         self.view.addSubview(yellView)
        yellView.tag=11

2获取一个视图的父视图

        let auperView = redVIew.superview
        auperView?.backgroundColor = UIColor.greenColor()

3.获取一个视图的所以子视图

         let sub = self.view.subviews

4.通过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 = 0

UIImageView

 创建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 = .WhiteLarge

UISegmentedControl(多段选择器)

    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, withEvent event: UIEvent?) { //5.获取选中的范围 let range = textView.selectedRange print(range) } }

转载于:https://www.cnblogs.com/ming1025/p/6125706.html

你可能感兴趣的:(移动开发,swift,ui)