使用QuickVFL輕松布局

在寫iOS應(yīng)用的時(shí)候洲脂,大體上我們有兩種方式,一種是使用xib的方式剧包,另外一種則是在代碼里使用語句布局恐锦。

第一種方式直觀,但在多人合作的時(shí)候容易發(fā)生沖突疆液,且一旦沖突就難以解決一铅。或者當(dāng)你要稍稍重構(gòu)一下布局堕油,你可能需要重新再來一次馅闽。

第二種方式典型的有使用mansory等框架進(jìn)行編程飘蚯。雖然不會(huì)出問題,但當(dāng)我們需要直觀地了解布局構(gòu)成時(shí)福也,你必須在大腦里把代碼過一遍局骤。并且布局代碼跟其他業(yè)務(wù)、邏輯代碼混到一堆暴凑,也算是不清不楚峦甩。

我今天給大家介紹一個(gè)新的布局框架——QuickVFL。它把布局的工作完完全全剝離出來现喳,并且把上述的所有問題都避免掉凯傲。

我們從一個(gè)簡(jiǎn)單的例子開始吧。

假設(shè)我們要寫一個(gè)只有一個(gè)UILabel的VC嗦篱,我們可以把布局文件寫成這樣:

{

"labelTitle":"UILabel",

":layout":"H:|-[labelTitle]-|;V:|-[labelTitle]-(>=8)-|;"

}

你應(yīng)該可以很快讀懂這個(gè)結(jié)構(gòu)冰单,并且被里面的layout的內(nèi)容嚇呆了。是的灸促,這是使用了蘋果官方的VFL寫的布局語句诫欠。其實(shí)這是使用QuickVFL唯一的門檻。如果你對(duì)VFL感興趣浴栽,點(diǎn)這里進(jìn)行學(xué)習(xí)荒叼。大約需要20分鐘。

這個(gè)VC里典鸡,只有一個(gè)UILabel被廓。上左右到super view的距離都是8。

然后我們?cè)賮砜匆幌挛覀冃枰诖a里做什么事情:

@interface ViewController ()

@property (nonatomic, weak) UILabel* labelTitle;

@end

@implementation ViewController

- (void)viewDidLoad {

? ? [super viewDidLoad];

? ? [QLayoutManager layoutForFileName:@"ViewController.json"

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? entrance:self.view

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? holder:self];

}

然后呢萝玷,然后就結(jié)束了嫁乘!QuickVFL會(huì)幫你把視圖創(chuàng)建出來,并且掛在到VC的view下面球碉,最后把控件給你映射到VC里亦渗。

如果你要寫復(fù)雜的布局,也只是需要把布局文件寫得詳細(xì)一點(diǎn)汁尺,然后加載就完了法精。

如果你想深入了解一下QuickVFL,可以點(diǎn)擊查看下面的鏈接:

一步一步掌握QuickVFL

QuickVFL使用DEMO:控制視圖點(diǎn)隱藏和展示

QuickVFL使用DEMO:快速自動(dòng)地滾動(dòng)包裹視圖內(nèi)容

QuickVFL 使用DEMO:在布局文件里配置控件信息

QuickVFL github官方頁面

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末痴突,一起剝皮案震驚了整個(gè)濱河市搂蜓,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌辽装,老刑警劉巖帮碰,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異拾积,居然都是意外死亡殉挽,警方通過查閱死者的電腦和手機(jī)丰涉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來斯碌,“玉大人一死,你說我怎么就攤上這事∩低伲” “怎么了投慈?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)冠骄。 經(jīng)常有香客問我伪煤,道長(zhǎng),這世上最難降的妖魔是什么凛辣? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任抱既,我火速辦了婚禮,結(jié)果婚禮上扁誓,老公的妹妹穿的比我還像新娘防泵。我一直安慰自己,他們只是感情好跋理,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著恬总,像睡著了一般前普。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上壹堰,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天拭卿,我揣著相機(jī)與錄音,去河邊找鬼贱纠。 笑死峻厚,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的谆焊。 我是一名探鬼主播惠桃,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼辖试!你這毒婦竟也來了辜王?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤罐孝,失蹤者是張志新(化名)和其女友劉穎呐馆,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體莲兢,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡汹来,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年续膳,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片收班。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡坟岔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出闺阱,到底是詐尸還是另有隱情炮车,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布酣溃,位于F島的核電站瘦穆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏赊豌。R本人自食惡果不足惜扛或,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望碘饼。 院中可真熱鬧熙兔,春花似錦、人聲如沸艾恼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钠绍。三九已至舆声,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間柳爽,已是汗流浹背媳握。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留磷脯,地道東北人蛾找。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像赵誓,于是被迫代替她去往敵國(guó)和親打毛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)俩功、插件隘冲、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,059評(píng)論 4 62
  • 目錄 0、前言 一绑雄、Auto Layout前世今生 二展辞、Auto Layout基礎(chǔ)知識(shí) 1.Auto Layout...
    浮游lb閱讀 24,396評(píng)論 3 89
  • 核心部分是互聯(lián)網(wǎng)中最復(fù)雜的部分,因?yàn)榫W(wǎng)絡(luò)中的核心部分要向網(wǎng)絡(luò)邊緣中的大量主機(jī)提供連通性万牺,使邊緣部分中的任何一臺(tái)主機(jī)...
    frankisbaby閱讀 4,377評(píng)論 0 1
  • 常規(guī)作業(yè)一
    5班雪蓮閱讀 120評(píng)論 0 0
  • 歲月留給我的印記,更多是相逢與別離覆旱。聚散離合蘸朋,乃人生常態(tài)。但在這無數(shù)常態(tài)之中扣唱,我們感受著不一樣的滋味藕坯。 與家人相逢...
    夜雨狂歌如夢(mèng)閱讀 380評(píng)論 0 2