• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Swift-代码创建NSLayoutConstraint布局

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 

NSLayoutConstraint参数说明:

/**
 * 创建约束 NSLayoutConstraint  参数 说明:
 * item 自己
 * attribute
 * relatedBy 大于等于 小于等于 等于 ...
 * toItem 另外一个控件
 * attribute 另一个控件的属性
 * multiplier 乘以多少
 * constant : 加上多少
 * NSLayoutConstraint : 某个控件的属性值 等于 另外一个控件的属性值 
                乘以多少 加上多少
 * 添加约束 addConstraint
 */

NSLayoutConstraint(item: AnyObject, attribute: NSLayoutAttribute, relatedBy: NSLayoutRelation, toItem: AnyObject?, attribute: NSLayoutAttribute, multiplier: CGFloat, constant: CGFloat)

 

创建子控件

let childView = UILabel()
childView.text = "正在链接服务器"
childView.backgroundColor = UIColor.yellow //背影黄色
childView.textAlignment = .center //文本居中对齐

parentView.backgroundColor = UIColor.red//设置父元素背影红色,方便查看效果

关闭autoresizing

// 关闭autoresizing,不然无效果
childView.translatesAutoresizingMaskIntoConstraints =false

创建约束:

//创建相对父view的左右间距各20
//左约束
let leftConstraint = NSLayoutConstraint(item: childView, attribute: NSLayoutAttribute.leading, relatedBy: NSLayoutRelation.equal, toItem: topStatusBarView, attribute:NSLayoutAttribute.leading, multiplier: 1.0, constant: 20)

//右约束
let rightConstraint = NSLayoutConstraint(item: childView, attribute: NSLayoutAttribute.trailing, relatedBy: NSLayoutRelation.equal, toItem: topStatusBarView, attribute:NSLayoutAttribute.trailing, multiplier: 1.0, constant: -20)

let centerConstraint = NSLayoutConstraint(item: childView, attribute: NSLayoutAttribute.centerY, relatedBy: NSLayoutRelation.equal, toItem: topStatusBarView, attribute:NSLayoutAttribute.centerY, multiplier: 1.0, constant: 0)

//子控件自身高度
let heigtConstraint = NSLayoutConstraint(item: childView, attribute: NSLayoutAttribute.height, relatedBy: NSLayoutRelation.equal, toItem: nil, attribute:NSLayoutAttribute.notAnAttribute, multiplier: 1.0, constant: 25)

//子控件内部自己的属性(高度,自己添加)      
childView.addConstraint(heigtConstraint)

//子元素相对父亲的元素,由父添加
parentView.addConstraints([leftConstraint, rightConstraint, centerConstraint])

 

例:

Swift2.3

let imgCoupon = UIImageView()
imgCoupon.frame = CGRectMake(0, 0, 16, 16)
imgCoupon.loadImgByNamed("coupon")
imgCoupon.tag = 12345
cell.addSubview(imgCoupon)
imgCoupon.translatesAutoresizingMaskIntoConstraints = false
let l = NSLayoutConstraint(item: imgCoupon, attribute: .Leading, relatedBy: .Equal, 
    toItem: firstView, attribute: .Trailing, multiplier: 1, constant: 3)
l.active = true
let c = NSLayoutConstraint(item: imgCoupon, attribute: .CenterY, relatedBy: .Equal,
     toItem: lbName, attribute: .CenterY, multiplier: 1, constant: 0)
c.active = true 
let h = NSLayoutConstraint(item: imgCoupon, attribute: .Height, relatedBy: .Equal, 
    toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 16)
 h.active = true

let w = NSLayoutConstraint(item: imgCoupon, attribute: .Width, relatedBy: .Equal, 
    toItem: nil, attribute: .NotAnAttribute, multiplier: 1, constant: 16)
w.active = true

Swfit2.3中使用w.active = true 而Swift3.0中是addConstraint(w),并且attribute的值也不同

 

 

PS:苹果官网API - NSLayoutConstraint

 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Swift- 设置 UILabel 内边距发布时间:2022-07-13
下一篇:
swiftUITableViewCell中的单选控制样式发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap