iOS Swift Snapkit 看这篇基本就"够&

作者: 夏天然后 | 来源:发表于2016-05-17 16:43 被阅读465次
SNAPKIT

前言: 今天介绍的是一个三方库. SnapKit 是在iOS开发中使用添加约束的纯代码库. 使用Swift语言进行编写. 作为有一定经验的人, 对Masonry应该不陌生. 像Masonry一样. 在同一个仓库中 0.O

屏幕快照 2016-05-17 16.25.59.png
    var redView      = UIView()
    var yellowView   = UIView()
    var greenView    = UIView()
    var blackView    = UIView()
    var purpleView   = UIView()
    var cyanView     = UIView()
    var grayViewBtn  = UIButton()
    var leftView     = UIView()
    var rightView    = UIView()

在viewdidload中进行一些设置

        redView.backgroundColor = UIColor.redColor()
        yellowView.backgroundColor = UIColor.yellowColor()
        greenView.backgroundColor = UIColor.greenColor()
        blackView.backgroundColor = UIColor.blackColor()
        purpleView.backgroundColor = UIColor.purpleColor()
        cyanView.backgroundColor = UIColor.cyanColor()
        grayViewBtn.backgroundColor = UIColor.grayColor()
        leftView.backgroundColor = UIColor.cyanColor()
        rightView.backgroundColor = UIColor.orangeColor()
        // 添加
        view.addSubview(redView)
        view.addSubview(yellowView)
        view.addSubview(greenView)
        view.addSubview(blackView)
        view.addSubview(purpleView)
        view.addSubview(cyanView)
        view.addSubview(grayViewBtn)
        view.addSubview(leftView)
        view.addSubview(rightView)
        grayViewBtn.setTitle("PopLabel", forState: UIControlState.Normal)
        grayViewBtn.addTarget(self, action: #selector(ViewController.clcik), forControlEvents: UIControlEvents.TouchUpInside)
        // 进行约束
        blackView.snp_makeConstraints { make in
            make.center.equalTo(view)
            make.size.equalTo(CGSizeMake(100.0, 100.0))
        }
        
        redView.snp_makeConstraints { make in
            make.top.equalTo(blackView.snp_bottom).offset(20.0)
            make.left.equalTo(20.0)
            make.size.equalTo(CGSizeMake(100.0, 100.0))
        }
        
        yellowView.snp_makeConstraints { make in
            make.top.equalTo(blackView.snp_bottom).offset(20.0)
            make.left.equalTo(blackView.snp_right).offset(20.0)
            make.size.equalTo(CGSizeMake(100.0, 100.0))
        }
        
        purpleView.snp_makeConstraints { make in
            make.bottom.equalTo(blackView.snp_top).offset(-20.0)
            make.left.equalTo(blackView.snp_right).offset(20.0)
            make.size.equalTo(CGSizeMake(100.0, 100.0))
        }
        
        greenView.snp_makeConstraints { make in
            make.bottom.equalTo(blackView.snp_top).offset(-20.0)
            make.right.equalTo(blackView.snp_left).offset(-20.0)
            make.size.equalTo(CGSizeMake(100.0, 100.0))
        }
        // cyan
        cyanView.snp_makeConstraints(closure: { (make) in
            make.top.equalTo(redView.snp_bottom).offset(20.0)
            make.centerX.equalTo(view)
            make.size.equalTo(CGSizeMake(100.0, 100.0))
        })
        // gray
        grayViewBtn.snp_makeConstraints(closure: { (make) in
            make.bottom.equalTo(greenView.snp_top).offset(-20.0)
            make.centerX.equalTo(view)
            make.size.equalTo(CGSizeMake(100.0, 100.0))
        })
        //
        leftView.snp_makeConstraints(closure: { (make) in
            make.top.equalTo(greenView.snp_bottom).offset(20.0)
            make.bottom.equalTo(redView.snp_top).offset(-20.0)
            make.left.equalTo(view.snp_left).offset(5)
            make.width.equalTo(50)
        })
        
        rightView.snp_makeConstraints(closure: { (make) in
            make.top.equalTo(purpleView.snp_bottom).offset(20.0)
            make.bottom.equalTo(yellowView.snp_top).offset(-20.0)
            make.right.equalTo(view.snp_right).offset(-5)
            make.width.equalTo(leftView)
        })

您可能还对这些感兴趣
Swift版本仿网易云音乐播放音乐动画效果
三分钟教你把代码托管到Github
Swift 很强大的图表库-Charts使用
Swift版仿简书App淘宝App很友好弹出view效果

---------------------------------------

走心文章, 值得点赞 ---文/夏天然后
微博-点我@夏天是个大人了 || QQQ: 498143780

相关文章

网友评论

    本文标题:iOS Swift Snapkit 看这篇基本就"够&

    本文链接:https://www.haomeiwen.com/subject/duuirttx.html