swift tableview cell自适应高度

自适应高度达到的效果

swift tableview cell自适应高度_第1张图片

实现方法:

1. xcode新建个项目,选择 single View Application

swift tableview cell自适应高度_第2张图片


2. 打开main.storyboard  将tableview 拖到view controller中,并给tableview 拖入 tableview cell

swift tableview cell自适应高度_第3张图片

3. 给tableview cell 拖入 imageview 、label等控件

swift tableview cell自适应高度_第4张图片


4. 给控件添 autoLayout 约束

选中“控件Imageview或Label”,选择 Editor,点击“ pin ”,就能看到约束形式。

swift tableview cell自适应高度_第5张图片

Width:宽度

Height: 高度

Leading space to superview:左间距

Trailing space to superview :右间距

top space to superview:上间距

bottom space to superview:下间距

(1)imageView  左侧的图片

为它添加Leading space to superview、top space to superview、width、height

为什么没有添加bottom space to superview,如果添加了bottom space to superview没有设定高度,图片就会被纵向拉伸,所以我设置了高度

为什么没有设置Trailing space to superview,这个需要和label一起设置

(2)Label --aaa

为它添加top space to superview、Trailing space to superview 、imageview和aaa之间的Horizontal space 、aaa和bb之间的 vertical space

如何添加imageview和aaa之间的Horizontal space 、aaa和bb之间的 vertical space呢?

(1)选中 image 之后,按住command键,选中“aaa”,选择 Editor,点击“ pin ”,选择Horizontal space

(2)同时选中“aaa”和“bb”,选择Editor,点击“pin”,就可以添加 vertical space

swift tableview cell自适应高度_第6张图片

(3)label -- bb

为它添加imageview和bb之间的Horizontal space 、cc和bb之间的 vertical space、Trailing space to superview

(4)label -- cc

为它添加imageview和cc之间的Horizontal space 、bottom space to superview、Trailing space to superview


5. 让label bb显示全部文字

选中Label bb 将属性面板中lines 设为0,另外还要将aaa Label中 content hugging priority 中vertical设为250,同时给aaa 加入height的设置swift tableview cell自适应高度_第7张图片

swift tableview cell自适应高度_第8张图片


6. view controller 类中填入代码

 @IBOutletweak var commentTable:UITableView!

override func viewDidLoad() {

        super.viewDidLoad()

commentTable.estimatedRowHeight =44.0

commentTable.rowHeight =UITableViewAutomaticDimension



你可能感兴趣的:(swift)