swift UI篇

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)
    }



}
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值