iOS自动布局实现Cell和Tableview高度自适应（SDAutoLayout）

最新推荐文章于 2023-04-06 11:18:18 发布

原创最新推荐文章于 2023-04-06 11:18:18 发布 · 4.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ios #自动布局 #autolayout #masonry #高度自适应

本文介绍了如何使用SDAutoLayout库来实现iOS应用中tableView的cell高度自适应和label文字自适应。只需三步，就可以轻松设置tableview cell的自动高度。此外，还详细讲解了SDAutoLayout的用法，包括到参照view的间距设置、比例设置、属性值等于参照view的属性值以及直接设定属性值的方法。

SDAutoLayout

https://github.com/gsdios/SDAutoLayout

☆☆ SDAutoLayout 视频教程：http://www.letv.com/ptv/vplay/24038772.html ☆☆

一行代码搞定自动布局！致力于做最简单易用的Autolayout库。The most easy way for autolayout.

☆新增：cell高度自适应 + label文字自适应☆

>>>>> 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);
*******************************************************************************