美文网首页
iOS 中利用相对布局和绝对布局,对Table中的文字自适应调整

iOS 中利用相对布局和绝对布局,对Table中的文字自适应调整

作者: 闻人歌 | 来源:发表于2017-09-02 17:34 被阅读52次

demo地址: dealText

相对布局 与 绝对布局

1.相对布局:

2.绝对布局:

本demo中自适应高度的处理

首页中的根据Masonry工具和tableView中的

tbView.estimatedRowHeight = 250;
tbView.rowHeight = UITableViewAutomaticDimension;

自动设置文本行高。参考:iOS中TableViewCell的自动行高设置

在点击demo 中首页RightBarBtn会跳转到绝对布局的方法来处理该问题.

  • 在这种方法中,不需要外部工具,但是会多出一些操作。对于性能的耗损最少
  • 首先,根据获取的网络数据或者本地数据建立数据模型XXXModel。
  • 根据已经建立的XXXModel,在建立深层的Frame模型--XXXModelFrame。
  • 在XXXModelFrame中,我们根据XXXModel,设计每次tableViewCell中需要的的控件的Frame,并在最后计算出整个cell的高度,作为属性存放在Frame模型中。便于在tableView中dataSource中取用。
  • tableViewCell中,将XXXModelFrame传入cell。XXXModelFrame中XXXModel为cell中的控件赋值,XXXModelFrame中已经计算好的各个子控件的Fame对cell中的控件完成布局。

相关文章

  • iOS 中利用相对布局和绝对布局,对Table中的文字自适应调整

    demo地址: dealText 相对布局 与 绝对布局 1.相对布局: 2.绝对布局: 本demo中自适应高度的...

  • html+css小结

    1.布局 a.实现等高div布局利用display:table-cell;系列的属性实现,因为表格是自适应的。 注...

  • iOS 标签开发(collectionView)

    前言 目前iOS 移动端开发搜索,或者标签都喜欢用自适应宽度的设计模式,节约布局。目前大多开发都是利用 table...

  • 两栏&三栏&双飞翼&圣杯

    两栏自适应布局(左边固定,右边自适应) 利用CSS中的calc()方法来动态设定宽度 双float布局 缺点:要清...

  • 布局

    两栏自适应布局(左边固定,右边自适应) 利用CSS中的calc()方法来动态设定宽度 双float布局 缺点:要清...

  • android 第四课

    1. 这周主要是学习了微信的ui制作中五种布局的方式,分为线性布局相对布局绝对布局表格布局和帧布局,我们常用的...

  • 第四周学习总结

    1. 这周主要是学习了微信的ui制作中五种布局的方式,分为线性布局相对布局绝对布局表格布局和帧布局,我们常用的...

  • css居中各种实现

    垂直居中 多行文字垂直居中 利用flex布局 利用display: table;

  • Flutter开发-Layout -层叠布局(Stack和Pos

    层叠布局也可以称为相对布局,子Widget根据父容器的相对位置来确定布局,好比iOS中的AutoLayout,不过...

  • macOS 开发之- View 的布局方式

    同iOS 开发的布局方式一样,Mac 开发可以使用frame 布局,相对布局。但是在iOS 系统中,frame 的...

网友评论

      本文标题:iOS 中利用相对布局和绝对布局,对Table中的文字自适应调整

      本文链接:https://www.haomeiwen.com/subject/clsrjxtx.html