你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發基礎 >> SDAutoLayout:比masonry更簡單易用的自動布局庫

SDAutoLayout:比masonry更簡單易用的自動布局庫

編輯:IOS開發基礎

SDAutoLayout:一行代碼搞定自動布局!支持Cell和Tableview高度自適應,Label和ScrollView內容自適應,致力於做最簡單易用的AutoLayout庫。 

【SDAutoLayout 視頻教程:http://www.letv.com/ptv/vplay/24038772.html】

☆新增:cell高度自適應 + label文字自適應☆

1157161-14e145e77fb02a2b.png

>>>>> tableview cell 自動高度設置只需要3步

1. >> 設置cell高度自適應:

// cell布局設置好之後調用此方法就可以實現高度自適應(注意:如果用高度自適應則不要再以cell的底邊為參照去布局其子view)
[cell setupAutoHeightWithBottomView:_view4 bottomMargin:10];

2. >> 設置 tableview 數據源和代理

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
// 2.1 注冊模型cell
[self.tableView startAutoCellHeightWithCellClass:“cell類名” contentViewWidth:“contentview寬度”];
return _rowCount;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 2.2 根據模型取得cell高度
return [self.tableView cellHeightForIndexPath:indexPath model:“model” keyPath:@"model屬性名"];
}

*********** 普通view的自動布局 ***********

摒棄復雜累贅的約束,利用運行時Runtime在合適的時機布局視圖。

0.用法示例

/* 用法一 */
_view.sd_layout
.leftSpaceToView(self.view, 10)
.topSpaceToView(self.view, 80)
.heightIs(130)
.widthRatioToView(self.view, 0.4);
/* 用法二 (一行代碼搞定,其實用法一也是一行代碼) */
_view.sd_layout.leftSpaceToView(self.view, 10).topSpaceToView(self.view,80).heightIs(130).widthRatioToView(self.view, 0.4);
>> UILabel文字自適應:
// autoHeightRatio() 傳0則根據文字自動計算高度(傳大於0的值則根據此數值設置高度和寬度的比值)
_label.sd_layout.autoHeightRatio(0);

*******************************************************************************

注意:先把需要自動布局的view加入父view然後在進行自動布局,例:

UIView *view0 = [UIView new];
UIView *view1 = [UIView new];
[self.view addSubview:view0];
[self.view addSubview:view1];
view0.sd_layout
.leftSpaceToView(self.view, 10)
.topSpaceToView(self.view, 80)
.heightIs(100)
.widthRatioToView(self.view, 0.4);
view1.sd_layout
.leftSpaceToView(view0, 10)
.topEqualToView(view0)
.heightRatioToView(view0, 1)
.rightSpaceToView(self.view, 10);

*******************************************************************************

1.用法簡析

1157161-29c806d5e5d53e28.png

1.1 > leftSpaceToView(self.view, 10)

方法名中帶有“SpaceToView”的方法表示到某個參照view的間距,需要傳遞2個參數:(UIView)參照view 和 (CGFloat)間距數值

1.2 > widthRatioToView(self.view, 1)

方法名中帶有“RatioToView”的方法表示view的寬度或者高度等屬性相對於參照view的對應屬性值的比例,需要傳遞2個參數:(UIView)參照view 和 (CGFloat)倍數

1.3 > topEqualToView(view)

方法名中帶有“EqualToView”的方法表示view的某一屬性等於參照view的對應的屬性值,需要傳遞1個參數:(UIView)參照view

1.4 > widthIs(100)

方法名中帶有“Is”的方法表示view的某一屬性值等於參數數值,需要傳遞1個參數:(CGFloat)數值a

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved