iOS_關於封裝AutoLayout的架構ZLAutoLayout

iOS_關於封裝AutoLayout的架構ZLAutoLayout

目前在iOS開發中，越來越多的不同尺寸的螢幕，讓螢幕適配成為開發要點。

回顧之前的開發中，我們要麼是用xib，要麼用代碼編寫控制項，需要展開則設定View的autoresizingMask裡面的枚舉值來進行設定展開屬性。

這些都是絕對布局。

而AutoLayout的優勢在那呢？

AutoLayout是相對布局，也可以絕對布局。

什麼是相對又什麼是絕對呢？

相對是指，可以有參照點（View）來進行對它參考點進行約束。

絕對是指，只針對父View來進行布局排版，不能根據兄弟View來進行布局。

 

 

網上的AutoLayout教程已經非常之多。

那麼我現在想講的是ZLAutoLayout的架構，我自己抽空封裝下，如果存有bug，請及時反饋~~

 

 

代碼+樣本程式的gitHub地址：https://github.com/MakeZL/ZLAutoLayout

底層也是封裝了AutoLayout的API，只不過寫起來要簡單快速很多。

只需要把分類檔案匯入到項目裡即可。

 

-----

 

常用的幾個方法

-----

 

// 相對父視圖來進行約束，比如view.left = view.superview.left + 可選的inset.- (void)autoPinSuperViewDirection:(ZLAutoLayoutDirection)direction;- (void)autoPinSuperViewDirection:(ZLAutoLayoutDirection)direction withInset:(CGFloat)inset;// view對view進行約束,比如aView.left = bView.left + 可選的multiplier + inset.- (void)autoPinDirection:(ZLAutoLayoutDirection)direction toPinDirection:(ZLAutoLayoutDirection)toDircetion ofView:(UIView *)view;- (void)autoPinDirection:(ZLAutoLayoutDirection)direction toPinDirection:(ZLAutoLayoutDirection)toDircetion ofView:(UIView *)view withInset:(CGFloat)inset;- (void)autoPinDirection:(ZLAutoLayoutDirection)direction toPinDirection:(ZLAutoLayoutDirection)toDircetion ofView:(UIView *)ofView multiplier:(CGFloat)multiplier withInset:(CGFloat)inset;// 設定view的尺寸，寬高或者寬於高- (void)autoSetViewSize:(CGSize)size;- (void)autoSetViewSizeWidthOrHeight:(ZLAutoLayoutSize)alSize withInset:(CGFloat)inset;// view相對superView的垂直方向- (void)autoSetAlignToSuperView:(ZLAutoLayoutAlign)align;- (void)autoSetAlignToSuperView:(ZLAutoLayoutAlign)align withInset:(CGFloat)inset;// view相對view的垂直方向 + 可選的inset- (void)autoSetAlign:(ZLAutoLayoutAlign)align ofView:(UIView *)ofView;- (void)autoSetAlign:(ZLAutoLayoutAlign)align ofView:(UIView *)ofView withInset:(CGFloat)inset;// 讓view與superView的約束一樣- (void)autoEqualToSuperViewAutoLayouts;

---- 部分代碼執行個體 ----

 

兩個View相對布局

 

 

// 執行個體兩個View    UIView *redView = [UIView instanceAutoLayoutView];    redView.backgroundColor = [UIColor redColor];    [self.view addSubview:redView];        UIView *blueView = [UIView instanceAutoLayoutView];    blueView.backgroundColor = [UIColor blueColor];    [self.view addSubview:blueView];        // 相對父控制項的Left/Top    [redView autoPinSuperViewDirection:ZLAutoLayoutDirectionLeft];    [redView autoPinSuperViewDirection:ZLAutoLayoutDirectionTop];    // 設定redView的寬為100，高為200    [redView autoSetViewSize:CGSizeMake(100, 200)];        // 設定blueView的寬跟高跟redView相同    [blueView autoSetViewSizeWidthOrHeight:ZLAutoLayoutSizeHeight ofView:redView];    [blueView autoSetViewSizeWidthOrHeight:ZLAutoLayoutSizeWidth ofView:redView];    // 設定blueView的Top與Left相對redView來布局    [blueView autoPinDirection:ZLAutoLayoutDirectionTop toPinDirection:ZLAutoLayoutDirectionBottom ofView:redView withInset:20];    [blueView autoPinDirection:ZLAutoLayoutDirectionLeft toPinDirection:ZLAutoLayoutDirectionLeft ofView:redView];

 

運行效果