使用QuickVFL輕松布局

在寫iOS應用的時候,大體上我們有兩種方式,一種是使用xib的方式,另外一種則是在代碼里使用語句布局。

第一種方式直觀,但在多人合作的時候容易發生沖突,且一旦沖突就難以解決?;蛘弋斈阋陨灾貥嬕幌虏季郑憧赡苄枰匦略賮硪淮巍?/p>

第二種方式典型的有使用mansory等框架進行編程。雖然不會出問題,但當我們需要直觀地了解布局構成時,你必須在大腦里把代碼過一遍。并且布局代碼跟其他業務、邏輯代碼混到一堆,也算是不清不楚。

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

我們從一個簡單的例子開始吧。

假設我們要寫一個只有一個UILabel的VC,我們可以把布局文件寫成這樣:

{

"labelTitle":"UILabel",

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

}

你應該可以很快讀懂這個結構,并且被里面的layout的內容嚇呆了。是的,這是使用了蘋果官方的VFL寫的布局語句。其實這是使用QuickVFL唯一的門檻。如果你對VFL感興趣,點這里進行學習。大約需要20分鐘。

這個VC里,只有一個UILabel。上左右到super view的距離都是8。

然后我們再來看一下我們需要在代碼里做什么事情:

@interface ViewController ()

@property (nonatomic, weak) UILabel* labelTitle;

@end

@implementation ViewController

- (void)viewDidLoad {

? ? [super viewDidLoad];

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

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

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

}

然后呢,然后就結束了!QuickVFL會幫你把視圖創建出來,并且掛在到VC的view下面,最后把控件給你映射到VC里。

如果你要寫復雜的布局,也只是需要把布局文件寫得詳細一點,然后加載就完了。

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

一步一步掌握QuickVFL

QuickVFL使用DEMO:控制視圖點隱藏和展示

QuickVFL使用DEMO:快速自動地滾動包裹視圖內容

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

QuickVFL github官方頁面

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,252評論 4 61
  • 目錄 0、前言 一、Auto Layout前世今生 二、Auto Layout基礎知識 1.Auto Layout...
    浮游lb閱讀 24,962評論 3 90
  • 核心部分是互聯網中最復雜的部分,因為網絡中的核心部分要向網絡邊緣中的大量主機提供連通性,使邊緣部分中的任何一臺主機...
    frankisbaby閱讀 4,425評論 0 1
  • 常規作業一
    5班雪蓮閱讀 125評論 0 0
  • 歲月留給我的印記,更多是相逢與別離。聚散離合,乃人生常態。但在這無數常態之中,我們感受著不一樣的滋味。 與家人相逢...
    夜雨狂歌如夢閱讀 399評論 0 2