SnapKit自動布局 一

2021-09-19 06:48:30 字數 1010 閱讀 2069

也許你在寫oc的時候已經用過了masonry這個第三方庫來寫自動布局,今天我們來說說swift版本的masonry第三方庫snapkit

snapkit

今天就先來用snapkit來做一件簡單的自動布局。

效果圖

show your code

let greenview = uiview()

greenview.backgroundcolor = uicolor.greencolor()

let redview = uiview()

redview.backgroundcolor = uicolor.redcolor()

let blueview = uiview()

blueview.backgroundcolor = uicolor.bluecolor()

self.view.addsubview(greenview)

self.view.addsubview(redview)

self.view.addsubview(blueview)

greenview.snp_makeconstraints

redview.snp_makeconstraints

blueview.snp_makeconstraints

首先我們例項化了三個不同的view ,並給他們不同的背景顏色,新增到父檢視中。

接下來就是我們使用snapkit來自定義布局。

greenview.snp_makeconstraints 

redview.snp_makeconstraints

blueview.snp_makeconstraints

SnapKit 自動布局庫

初始化子檢視 沒有frame 並add到父檢視上 呼叫 myview.snp.makeconstraints 盡情享受簡潔 實現 autolayout吧!snp.makeconstraints 方法給view新增約束,約束種類 分別是邊距,寬,高,左上右下距離,基準線。同時,新增過約束後可以有修正,...

Swift 布局框架SnapKit使用

1 安裝 snapkit github位址 viewcontroller.swift sk snapkit created by coder on 2019 3 6.import uikit import snapkit class viewcontroller uiviewcontroller 更...

IOS自動布局

使用相對布局之後,可以增加開發的速度,一直用frame的方式,混亂。使用相對布局之後,之前以設定frame的方式來取設定view將沒有效果 除了controller的view 同設定frame類似的時,在設定view的約束的時候,也需要制定他的大小和座標,否則,編輯器會提示警告。以實際操作來演示下如...