SnapKit之multipliedBy使用

multipliedBy意思

乘以

需求

某个View(该view的宽度是不确定的)上横向有两个子View,要求:

  1. 两个子View的间距是10
  2. 左侧子View的宽度和右侧子View宽度比是2:1
  3. 左侧子View的宽高比是2:1
  4. 左侧子View的左、上、下和其父View对齐
  5. 右侧子View的右、上、下和其父View对齐

效果图

0.multiplied.jpg

实现代码

        // 父view
        let superView = UIView()
        superView.backgroundColor = .yellow
        view.addSubview(superView)
        superView.snp.makeConstraints { make in
            make.left.right.equalToSuperview()
            make.top.equalToSuperview().offset(100)
        }
        // 左侧子view
        let leftView = UIView()
        leftView.backgroundColor = .red
        superView.addSubview(leftView)
        leftView.snp.makeConstraints { make in
            make.left.top.bottom.equalToSuperview()
            make.height.equalTo(leftView.snp.width).multipliedBy(1.0/2.0)
        }
        // 右侧子view
        let rightView = UIView()
        rightView.backgroundColor = .red
        superView.addSubview(rightView)
        rightView.snp.makeConstraints { make in
            make.right.top.bottom.equalToSuperview()
            make.left.equalTo(leftView.snp.right).offset(10)
            make.width.equalTo(leftView.snp.width).multipliedBy(1.0/2.0)
        }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是关于自动布局的第一篇文章。>> Stack View的使用 自动布局(Auto Layout)能够根据对视图的...
    pro648阅读 2,634评论 0 2
  • 参考文章 constrainlayout官方说明[https://developer.android.com/re...
    爱你为你做饭阅读 990评论 0 4
  • 约束布局使用详解 一、前言 在一般的安卓开发中,编写界面需要很多嵌套,这会有一定的性能影响,这个时候就可以使用 C...
    FlyClound阅读 841评论 0 1
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 8,594评论 28 53
  • 人工智能是什么?什么是人工智能?人工智能是未来发展的必然趋势吗?以后人工智能技术真的能达到电影里机器人的智能水平吗...
    ZLLZ阅读 3,870评论 0 5