亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

開源 Swift AutoLayout 框架 SnapKit 介紹

2019-11-09 16:21:59
字體:
來源:轉載
供稿:網友

轉自:http://www.cnblogs.com/missingcat92/p/4686248.html?utm_source=tuicool&utm_medium=referral

自從水果發布了5代,蘋果為了適配多種屏幕尺寸,搞出了一個所謂的AutoLayout來解決問題,iOS程序員們從此走上了苦逼的適配路。

“適配”本身其實并不是一個頭疼的事情,對于4-6寸的手機來說,只要制定一套規則,就不會有太大的問題。但是令我痛苦的部分在于——iOS的 Constraints 和 VFL。

痛苦的NSLayoutConstraints

這里借用iOS開源項目 Masonry 的描述,假如我們要讓一個view在superview里居中,然后每條邊留出10像素的空白,代碼是這樣寫的:

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);[superview addConstraints:@[ //view1 constraints [NSLayoutConstraint constraintWithItem:view1 attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:superview attribute:NSLayoutAttributeTop multiplier:1.0 constant:padding.top], [NSLayoutConstraint constraintWithItem:view1 attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:superview attribute:NSLayoutAttributeLeft multiplier:1.0 constant:padding.left], [NSLayoutConstraint constraintWithItem:view1 attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:superview attribute:NSLayoutAttributeBottom multiplier:1.0 constant:-padding.bottom], [NSLayoutConstraint constraintWithItem:view1 attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:superview attribute:NSLayoutAttributeRight multiplier:1 constant:-padding.right], ]];

如果你剛剛接觸iOS開發,你可能認為這并不是什么問題。但是讓我們做個對比,在web開發中,應該怎么寫呢?

#view{margin:10px;}

一行代碼搞定問題,CSS是世界上最偉大的排版引擎,沒有之一。明明很簡單的事情,為什么放到iOS上,竟然變得這么這么這么復雜了?

仍然痛苦的VFL

然后蘋果又搞出了VFL,網上對此描述最多的是“象形文字”,雖然它真的真的改善了我們創建constraints的方式,讓這一切變得更快更方便,但是對于下面這段代碼,我仍然是不滿的。

constraints += NSLayoutConstraint.constraintsWithVisualFormat("V:[trackBtn]-15-[filterBtn(40)]-15-|", options: NSLayoutFormatOptions.AlignAllRight, metrics: nil, views: views)constraints += NSLayoutConstraint.constraintsWithVisualFormat("[trackBtn]-15-|", options: NSLayoutFormatOptions.AlignmentMask, metrics: nil, views: views)constraints += NSLayoutConstraint.constraintsWithVisualFormat("|-15-[filterBtn]-15-|", options: NSLayoutFormatOptions.AlignmentMask, metrics: nil, views: views)

莫名其妙的options,metrics和views參數的組合,長成狗一樣的函數名。而且即使是有了VFL,我們還是離不開 constraints ,VFL并沒有真的滿足我們的所有需求,比如你看看 這個需求。

那么,我們是不是只能一聲嘆氣,說,iOS的世界就這樣了呢?

NO!!!我們有Masonry和SnapKit!!!

SnapKit能搞定什么

SnapKit是Masonry的Swift版,項目發布至今大約1年的時間,已經在github上有兩千多個star,當然了,這其中也少不了”他爹”Masonry給他打的那些廣告。

如果你還記得你在 StoryBoard 里面拉的那些線條,那你也一定記得其中 constriants 的表示方法:

這里寫圖片描述

SnapKit所做的就是這樣一件事——讓你這樣寫 constraints。

我們看看文章最頂部的那個需求用 SnapKit 如何實現:

view1.snp_makeConstraints { (make) -> Void in make.top.equalTo(superview).offset(10) make.left.equalTo(superview).offset(10) make.bottom.equalTo(superview).offset(-10) make.right.equalTo(superview).offset(-10)}

對!就是這么簡單!還可以更簡單?。?/p>view1.snp_makeConstraints { (make) -> Void in make.edges.equalTo(superview).insets(UIEdgeInsetsMake(10, 10, 10, 10))}

這里寫圖片描述

(注:作者只發了一張表情

這里寫圖片描述

來,請跟我一起大叫三聲爽!

爽!

爽!

叫完之后我們繼續看還能怎么爽:

// 不只是相等哦,大于等于也是有的make.centerX.lessThanOrEqualTo(view2.snp_left)make.left.greaterThanOrEqualTo(label.snp_left)// 不止是邊緣哦,寬度高度也是有的// width >= 200 && width <= 400make.width.greaterThanOrEqualTo(200)make.width.lessThanOrEqualTo(400)// 其實可以簡單點,一行搞定一個sizemake.size.equalTo(CGSizeMake(50, 100))// 鏈式操作,優先級想怎么搞就怎么搞make.left.greaterThanOrEqualTo(label.snp_left).PRiorityLow()// 媽媽再也不擔心我不會排版了,什么向左5像素向下10像素我一行代碼就搞定啦make.center.equalTo(superview).offset(CGPointMake(-5, 10))

做起動畫來也是一把好手!

view1.snp_makeConstraints { (make) -> Void in self.topConstraint = make.top.equalTo(superview).offset(padding.top).constraint make.left.equalTo(superview).offset(padding.left)}// then later you can callself.topConstraint.uninstall()// or if you want to update the constraintself.topConstraint.updateOffset(5)// 也可以用 snp_updateConstraints 實現上述需求

這么好的東西,我去哪里搞!

如果你用CocoaPods,那么Podfile你懂的:

pod 'SnapKit', :git => 'https://github.com/SnapKit/SnapKit.git', :branch => 'swift-2.0'

如果你用Carthege……這個我沒用過我就不瞎說了……

總之呢,不用CocoaPods的朋友可以去 這里 下載,至于怎么弄進項目我就不管了(好好滴干嘛不用CocoaPods..)

成果

我用SnapKit做了下面這個界面:

這里寫圖片描述

體驗之后發現,其實用SnapKit和原生constraints的代碼行數差不多,但是每一行從原來的極為冗長的一坨東西,變成了很容易閱讀和維護的短小精干的代碼,代碼像下面這樣優雅,這便是SnapKit最大的作用。

mapView.snp_makeConstraints { (make) -> Void in make.edges.equalTo(view)}locateImage.snp_makeConstraints { (make) -> Void in let topHeight = navigationController!.navigationBar.frame.height + UIapplication.sharedApplication().statusBarFrame.height make.centerX.equalTo(mapView) make.bottom.equalTo(mapView.snp_centerY).offset(topHeight/2)}filterBtn.snp_makeConstraints { (make) -> Void in make.left.equalTo(mapView).offset(15) make.right.equalTo(mapView).offset(-15) make.height.equalTo(40) make.bottom.equalTo(mapView).offset(-15)}trackBtn.snp_makeConstraints { (make) -> Void in make.bottom.equalTo(filterBtn.snp_top).offset(-15) make.right.equalTo(mapView).offset(-15)}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91禁外国网站| 亚洲国产精品久久久久秋霞不卡| 日本国产欧美一区二区三区| 国产精品一区二区3区| 亚洲精品xxxx| 911国产网站尤物在线观看| 97视频在线观看免费高清完整版在线观看| 欧美性猛交xxxx免费看| 国产精品999999| 欧美国产亚洲精品久久久8v| 日韩有码在线视频| 久久久久久久久久久国产| 亚洲第一中文字幕| 日本亚洲精品在线观看| www.久久久久| 久久久国产成人精品| 久久久视频精品| 久久亚洲私人国产精品va| 久久久久久国产精品三级玉女聊斋| 欧美一级电影免费在线观看| 亚洲精品一区在线观看香蕉| 国产成人av在线| 亚洲综合在线中文字幕| 亚洲成人免费在线视频| 国自在线精品视频| 日韩欧美国产激情| 欧美一级在线播放| 中文字幕在线视频日韩| 日韩av在线直播| 国内精品久久久久久久| 欧美性xxxxxxx| 久久手机精品视频| 在线视频日韩精品| 欧美性xxxx极品高清hd直播| 亚洲福利在线观看| 日本欧美爱爱爱| 国产精品91久久久| 国产精品一区二区三区久久久| 国产欧美精品一区二区三区-老狼| 亚洲欧美日韩天堂一区二区| 日本久久91av| 欧美色道久久88综合亚洲精品| 91在线免费看网站| 亚洲天堂成人在线视频| 51色欧美片视频在线观看| 色综合久久88色综合天天看泰| 日韩资源在线观看| 色樱桃影院亚洲精品影院| 免费av一区二区| 亚洲欧美日韩精品久久| 国产精品极品尤物在线观看| 欧美激情视频在线免费观看 欧美视频免费一| xxxx欧美18另类的高清| 日韩最新中文字幕电影免费看| 久久久精品国产亚洲| 亚洲va欧美va在线观看| 一本一本久久a久久精品综合小说| 日韩av电影在线播放| 国产欧美 在线欧美| 8x海外华人永久免费日韩内陆视频| 亚洲综合一区二区不卡| 国外色69视频在线观看| 美女av一区二区| 久久国产精品久久精品| 国产精品久久久| 久久久久久久久久久成人| 久久免费精品日本久久中文字幕| 中文字幕日本欧美| 欧美一区二三区| 91色视频在线观看| 91久久精品视频| 亚洲人成电影网站| 国产精品一区专区欧美日韩| 亚洲天堂精品在线| 日本久久91av| 亚洲无限乱码一二三四麻| 亚洲天堂男人天堂| 青青草国产精品一区二区| 啪一啪鲁一鲁2019在线视频| 国产精品欧美激情在线播放| 欧美日韩国产精品一区二区不卡中文| 亚洲最大成人免费视频| 日韩高清不卡av| 久久久欧美一区二区| 久久深夜福利免费观看| 久久综合久中文字幕青草| 色偷偷亚洲男人天堂| 亚洲日韩欧美视频| 欧美精品在线视频观看| 国内精品久久影院| 日日噜噜噜夜夜爽亚洲精品| 成人免费视频网址| 亚洲综合日韩在线| 国产精品入口夜色视频大尺度| 欧美有码在线观看| 91久久国产精品| 91视频国产一区| 色www亚洲国产张柏芝| 亚洲a一级视频| 国产精品日韩欧美大师| 久久久精品999| 国产午夜精品视频免费不卡69堂| 国产午夜精品视频免费不卡69堂| 成人亚洲欧美一区二区三区| 亚洲女人天堂视频| xxx一区二区| 亚洲免费伊人电影在线观看av| 日韩电影中文 亚洲精品乱码| 欧美高清视频免费观看| 中文字幕久久久| 国产精品视频网| 91av中文字幕| 亚洲国产精品久久久久| 一区二区亚洲欧洲国产日韩| 久久久爽爽爽美女图片| 91久久精品美女高潮| 热久久免费视频精品| 美女久久久久久久久久久| 日韩成人性视频| 久久久久久久久久亚洲| 亚洲精品一区二区久| 久久精品国产一区二区三区| 日韩激情视频在线播放| 国产成人avxxxxx在线看| 亚洲精品网站在线播放gif| 亚洲激情在线视频| 亚洲精品一区二三区不卡| 中文字幕亚洲一区二区三区五十路| 国产成人精品一区二区在线| 精品国产一区二区三区久久久| 欧美日韩综合视频网址| 中文字幕一区二区三区电影| 91在线观看免费高清完整版在线观看| 久久av中文字幕| 国产成人精品国内自产拍免费看| 91久久综合亚洲鲁鲁五月天| 亚洲综合大片69999| 中文字幕久久精品| 97视频免费看| 成人黄色短视频在线观看| 久久精品一偷一偷国产| www.日韩av.com| 色999日韩欧美国产| 亚洲成在人线av| 国产精品久久久久久久9999| 日韩h在线观看| 亚洲女同性videos| 欧美国产亚洲视频| 国产精品入口免费视| 欧美激情中文字幕乱码免费| 欧美成人中文字幕| 国产精品一区二区久久国产| 高清欧美性猛交| 亚洲国产成人久久综合| 欧美超级乱淫片喷水| 国产欧美精品va在线观看| 在线观看视频亚洲| 色综合久久88色综合天天看泰| 91精品国产综合久久男男| 在线视频免费一区二区| 亚洲视屏在线播放| 亚洲欧美精品中文字幕在线| 欧美一级大片在线观看| 欧美另类高清videos|