Swift学习:约束的基本使用

初次尝试了纯代码编写UI,了解到ios的屏幕适配比较麻烦 , 于是乎稍微学习了一下关于屏幕适配的知识,了解了NSLayoutConstraint约束。

首先NSLayoutConstraint的参数
    * 约束 NSLayoutConstraint  参数 说明:
    * item 自身控件
    * attribute  自身控件的属性
    * relatedBy 大小判断 如:大于等于 小于等于 等于
    * toItem 相对控件
    * attribute 相对控件的属性
    * multiplier 属性值乘多少
    * constant : 属性值加多少
    * NSLayoutConstraint : ( item:某个控件  attribute:属性值  relatedBy:等于  toItem:相对控件  attribute:属性值  multiplier:属性值乘多少  constant:属性值价多少)
    *
    * 添加约束 addConstraint
然后Swift代码
        let myView = UIView(frame: (self.view?.bounds)!)
        let label = UILabel()
        
        self.view = myView
        self.view.addSubview(label)
        
        label.text = "hello"
        label.textAlignment = .center
        
        //self.view.translatesAutoresizingMaskIntoConstraints = false
        //label!.superview!.translatesAutoresizingMaskIntoConstraints = false
        //这里貌似设置顶层的View的为false
        label.translatesAutoresizingMaskIntoConstraints = false
        //需要将控件  label.translatesAutoresizingMaskIntoConstraints = false
        //系统默认赋予控件autoresizing约束,需要关闭,否则会出现崩溃
        
        let widthConstraint = NSLayoutConstraint(item: label, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1.0, constant: 50)   
        //设置约束条件
        label.addConstraint(widthConstraint)
        //为控件添加约束        

        let heightConstraint = NSLayoutConstraint(item: label, attribute: .height, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1.0, constant: 30)
        label.addConstraint(heightConstraint)
        
        let rightConstraint = NSLayoutConstraint(item: label, attribute: .right, relatedBy: .equal, toItem: self.view, attribute: .right, multiplier: 1.0, constant: -50)
        label.superview!.addConstraint(rightConstraint)
        //为父级控件添加约束        

        let topConstraint = NSLayoutConstraint(item: label, attribute: .bottom, relatedBy: .equal, toItem: self.view, attribute: .bottom, multiplier: 1.0, constant: -50)
        label.superview!.addConstraint(topConstraint)
        
//        let centerYConstraint = NSLayoutConstraint(item: label, attribute: .centerY, relatedBy: .equal, toItem: self.view, attribute: .centerY, multiplier: 1.0, constant: 0)
//        label.superview!.addConstraint(centerYConstraint)
//        
//        let centerXConstraint = NSLayoutConstraint(item: label, attribute: .centerX, relatedBy: .equal, toItem: self.view, attribute: .centerX, multiplier: 1.0, constant: 0)
//        label.superview!.addConstraint(centerXConstraint)

要注意的是:控件必须已经添加入视图后才能添加约束

SE的显示效果
5.png
7的显示效果
7.png

初学ios开发,如有错误,还请帮忙指出😁

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,245评论 4 61
  • 1 今天又是一个七夕节,江仍然独自一人,晚上的约会她会不会来呢,心里七上八下。家人催婚多次,江苦笑“...
    江村塘影阅读 259评论 0 0
  • 老弟: 思来想去,还是觉得写上一封信来介绍这里。 首先你所说的景点,大抵有这么几种,我只去过一部分,所以我只说我去...
    攸宁攸殇阅读 615评论 3 4
  • 世界很小,这是个真事。有时你走着走着就会碰上一堆熟人,你很熟的和你基本没说过话的。那个年代班级里面40-60都有,...
    Caphintty图图阅读 220评论 0 1
  • 学校里有一条小河,校院沿河被劈成两半,又间隔不远就建一座桥把两边缝补起来。小河有个很美的名字,曾经,诗人在这里流连...
    荣生实验室阅读 581评论 0 1