本篇要推荐的是一个AutoLayout辅助工具UIView+FDCollapsibleConstraints.
工具的作用:
UIView+FDCollapsibleConstraints很好地解决了动态布局中某些子视图的隐藏与显示问题,重点就是动态布局。
-
单个View的效果图:
再看看动态布局中啥样:
autolayout.gif
看了它的强大之处,下面介绍它是怎样使用的
首先,在xib中正常约束完一个cell就好了
-
接着,给需要折叠的控件的自身高度约束: height约束 拉一条线
autolayout2.gif -
然后,与它底部的控件的 top约束拉一条线
autolayout3.gif 现在大部分的工作已经做完了,是不是很轻松
944612A1-2ED4-4E9C-92E7-AFB816B4DC10.png
- 接下来我们要做的就是去代码中设置它的隐藏与现实
_ActivityView.fd_collapsed = YES;//表示隐藏
_ActivityView.fd_collapsed = NO;//表示显示
- 下面来看一下效果图
autolayout4.gif
需要注意的是动态布局还需要配合另一个工具:UITableView+FDTemplateLayoutCell一起使用。
简单阐述一下它的作用:
对 UITableViewCell 利用 AutoLayout 自动高度计算和 UITableView 滑动优化。
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return [tableView fd_heightForCellWithIdentifier:@"FDTableViewCell" configuration:^(FDTableViewCell *cell) {
//这边要写的与cellforRaw中的赋值一样
cell.entity = self.entities[indexPath.row];
}];
}
- 同时他还有缓存高度的方法:
- 多种标识时,根据index缓存高度
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return [tableView fd_heightForCellWithIdentifier:@"identifer" cacheByIndexPath:indexPath configuration:^(id cell) {
// configurations
}];
}
- 只有唯一标识的cell的时候,我们可以根据数据唯一字段(如用户id)来缓存高度,不过我没用过= =
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
Entity *entity = self.entities[indexPath.row];
return [tableView fd_heightForCellWithIdentifier:@"identifer" cacheByKey:entity.uid configuration:^(id cell) {
// configurations
}];
}
