Swift UI控件详细介绍

最新推荐文章于 2024-05-19 17:29:16 发布
最新推荐文章于 2024-05-19 17:29:16 发布
阅读量1.3k 收藏 5
点赞数 1
分类专栏： Swift开发语言 文章标签： swift

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<UITouch>, withEvent event: UIEvent?) { //5.获取选中的范围 let range = textView.selectedRange print(range) } }
坛主白羊
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
干货 | 关于SwiftUI，看这一篇就够了
携程技术
09-19 6599
作者简介梁启健，携程金融支付中心开发工程师，主要负责支付iOS端的开发与优化工作，喜欢研究大前端和跨平台技术。SwiftUI是一种新颖的构建UI方式和全新的编码风格，本文...
SwiftUI 控件学习Demo
03-31
2. **SwiftUI控件** - **基础控件**：如`Text`用于显示文本，`Image`用于展示图片，`Button`用于创建可点击按钮，`TextField`用于输入文本，`Slider`用于滑动选择值，`Toggle`用于切换开关状态。 - **交互性控件**...
SwiftUI一日速成
kmyhy的专栏
07-12 6971
SwiftUI 博大精深，当然不可能一天就学会它。但对于拥有 UIKit 基础的工程师来说，一天时间却足够让你上手一个 SwiftUI 项目了。本文适用于拥有 UIKit 开发经验的 SwiftUI 初学者。看完本文可能需要你一天的时间，但却可能让你拥有初步使用 SwiftUI 的能力。...
SwiftUI的优缺点
jia12216的专栏
07-05 3000
SwiftUI不仅为Apple的平台带来了一种新的构建UI的方式，还有全新的Swift编码风格； 可以推断出：SwiftUI会出现很多组件库，方便前端开发； 支持热更新，这一点可能让更多的开发者拥抱SwiftUI； 虽然SwiftUI优点很多，但是其使用的门槛很高，只能在iOS 13以上的系统使用；仅这点，很多公司和开发者望而却步，目前主流应用最低支持iOS 9，至少3年之内，SwiftUI只能作为一个理论的知识储备，所以其还有很长的路要走；
SwiftUI的基础控件和常用控件属性介绍
最新发布
05-19 387
​应当注意VStack最多可以容纳十个子视图，因此可以在VStack视图内部添加一个子VStack试图，这样我们可以在VStack内添加任意多个子视图。
swift UI 学习 （一）
kyl282889543的博客
07-10 3016
swift UI 学习 Swift UI 简介SwiftUI 的特点是什么1. 声明式语法2. 拥有更直观的新设计工具3. 为所有的苹果设备提供原生体验SwiftUI 代码实例 Swift UI 简介 苹果开发者大会 WWDC 2019 在北京时间今天凌晨开幕。在这场大会上除了「史上最难看 Mac 主机」、首次出现的iPadOS以外，我们还终于可以对饱受诟病的iTunes说再见了。而对于开发者来说...
Swift UI控件详细介绍(上）
weixin_30892037的博客
12-02 421
UI控件 首先介绍一下AppDelegate.swift@UIApplicationMain 调用了OC中的UIApplicationMain函数；UIApplicationMain是iOS应用程序的入口UIApplicationMain:a.创建了一个UIApplication对象，代表当前应用程序. 作用是用来检测当前应用程序状态的改变。 1.在这个方法中来搭建应用程序中的所有的界面...
Swift UI控件
08-13
Swift UI控件是苹果在iOS、macOS、watchOS和tvOS等平台上构建用户界面的现代框架，它为开发者提供了声明式的方法来设计和管理应用的界面。Swift UI结合了Swift语言的强大特性和直观的API，让开发者可以更加高效地...
Swift-UI控件的全部使用代码
04-19
Swift UI控件是苹果开发的一款用于构建iOS、macOS、tvOS和watchOS应用程序用户界面的强大框架。这个框架使得开发者可以使用Swift语言来创建美观、响应迅速且易于维护的界面。Swift UI以其声明式编程风格和对原生平台...
SlidingRuler是SwiftUI的滑动标尺控件-Swift开发
05-27
SlidingRuler是一个Swift程序包，其中包含一个SwiftUI控件，该控件的作用类似于线性无限滑块或有限的，更精确的滑块，这时不应在生产中使用SlidingRuler。 SlidingRuler是一个Swift软件包，其中包含一个SwiftUI控件...
swift-Swift评分控件
08-15
在Swift中，创建用户界面（UI）时，经常会用到评分控件，它允许用户给内容打分或显示预设的评分。"swift-Swift评分控件"是一个专门针对这一需求的开源项目，它提供了易于使用的SwiftyStarRatingView组件，适用于各种...
SwiftUI基础控件Ⅱ
wlc1219y的博客
02-04 582
SwiftUI的基础控件2
SwiftUI学习
yuan_050905的博客
03-16 1139
基于swift语言的全新界面框架声明式语法，swiftUI将其自动转化为可以工作的高效代码复制编辑UI更有效率及时预览，与代码保持同步。
初识Swift UI
wlc1219y的博客
02-01 215
第一个关于swift ui的简单代码以及一部分总结的swift ui控件的基础知识，希望可以一起交流进步
iOS Swift UI 绘制第一个UI界面
WangQingLei0307的博客
10-09 2044
Swift UI 简介 苹果开发者大会 WWDC 2019 在北京时间今天凌晨开幕，对于开发者来说最吸引人的就是新发布的 SwiftUI ，在 苹果公司软件工程高级副总裁Craig Federighi的演示中，我们可以轻松地把一百行的前端代码缩减到十几行。 Swift UI 特点 1、省略了很多逗号，return，中括号等，声明式编程 2、出现了 很多关键词 例如 Some 等 3、终于使用 Flex Box 布局了 4、出现了 PreviewProvider 类似 安卓的xml 提供预览数据 5、支
Swift中如何结合SwiftUI和UIKit进行UI开发
CarlHosea的博客
04-25 1352
简单来说，SwiftUI是苹果推出的新一代UI框架，它基于声明式编程范式，使得UI的创建和维护变得更加简单和直观。而UIKit则是苹果长久以来一直使用的UI框架，它基于传统的命令式编程范式，提供了丰富的UI组件和API。例如，UIKit拥有庞大的社区支持和丰富的第三方库，这些资源为开发者提供了更多的选择和可能性。展望未来，随着技术的不断进步和开发者社区的不断壮大，我们期待看到更多关于SwiftUI和UIKit结合使用的最佳实践和案例分享。的协议，允许我们将UIKit组件封装成SwiftUI可以识别的视图。
Swift UI的基础控件Ⅲ
wlc1219y的博客
02-04 527
SwiftUi基础控件三
39个优秀的Swift UI开源库
zhuweideng的博客
08-03 2459
http://www.devstore.cn/essay/essayInfo/7970.html 毫无疑问，Swift已经成为github上最受欢迎的语言之一，对于iOS开发者来说，学习开源库可以帮你快速学习和掌握这门语言。Mybridge AI从将近2700个开源Swift UI库中筛选了39个项目推荐给开发者，这些项目被选中的几率只有1.4%，在GitHub上的star平
Swift - 按钮（UIButton）的用法
热门推荐
Cheers Li 软件测试博客
02-24 2万+
Swift - 按钮（UIButton）的用法 原文地址：http://hangge.com/blog/cache/detail_529.html  作者：yuhang 1，按钮的创建 （1）按钮有下面四种类型： UIButtonType.ContactAdd：前面带“+”图标按钮，默认文字颜色为蓝色，有触摸时的高亮效果 UIButtonType.DetailDisclosu
swiftui放大缩小控件
06-13
在 SwiftUI 中，你可以使用 `scaleEffect` 修饰符来放大或缩小视图。下面是一个例子： ```swift struct ContentView: View { @State private var scale: CGFloat = 1.0 var body: some View { VStack { Image...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值