使用storyboard实现cell高度自适应

前言

前段时间公司给我分配了个任务，实现一个评论模块，主要操作就是点击评论按钮，呼出评论页面（即抽屉效果），评论模块可以添加、删除评论。如果让我自己实现，肯定是拿到评论的内存，根据字体和宽度来计算出内容的高度。同事给了个思路，用storyboard实现，本文就介绍一下这个思路。

实现思路

我们平常使用storyboard设置约束的时候，每次都是使用等于，然后优先级都是默认的，其实storyboard功能比我们想象的强大了很多，有些业务不复杂的应用，完全可以选择storyboard，实现的思路就是我们先建一个view，view距离上边、左边、右边约束设置好，使用等号，下边的约束用大于等于号设置号（如图1），然后这个时候可能会报错，不要急，我们这个时候放一个label作为view的子控件，设置他的上下左右约束（如图2）。

comments1.png

comments2.png

为什么上下左右都要设置呢，因为当你文字内容确定了，label的高度也确定了，这时候他作为view的子控件，设置了距离view的底部约束，相当于把view撑开了，所以文字多少决定了view多高。

实现代码

主要是CommentsTableViewController部分和commentCell部分，CommentsTableViewController主要负责从plist加载数据，并将数据设置到cell上，commentCell主要是接受设置的内容，并显示。这里我没有使用MVC架构，大家可以添加一个comment类，然后cell设置数据的时候将comment类传入。

CommentsTableViewController

//
//  CommentsTableViewController.m
//  commentDemo
//
//  Created by 李林 on 2017/4/8.
//  Copyright © 2017年 lee. All rights reserved.
//

#import "CommentsTableViewController.h"
#import "commentCell.h"

@interface CommentsTableViewController ()

@property (nonatomic, strong) NSArray *comments;

@end

@implementation CommentsTableViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.title = @"comments";
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    self.tableView.estimatedRowHeight = 60;
    self.tableView.allowsSelection = false;
}

- (NSArray *)comments {
    if(_comments == nil){
        NSString *path = [[NSBundle mainBundle] pathForResource:@"comments.plist" ofType:nil];
        NSArray *commentsArray = [NSArray arrayWithContentsOfFile:path];
        
        _comments = commentsArray;
    }
    
    return _comments;
}

#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.comments.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    commentCell *cell = [commentCell cellWithTableView:tableView];

    [cell setCommentContentWith:self.comments[indexPath.row]];
    
    return cell;
}


@end

commentCell

//
//  commentCell.m
//  commentDemo
//
//  Created by 李林 on 2017/3/8.
//  Copyright © 2017年 lee. All rights reserved.
//

#import "commentCell.h"

@interface commentCell()

@property (weak, nonatomic) IBOutlet UILabel *commentContent;

@end

@implementation commentCell

- (void)awakeFromNib {
    [super awakeFromNib];
    
}

+ (instancetype)cellWithTableView:(UITableView *)tableView
{
    static NSString *ID = @"commentCell";
    commentCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    
    if(cell == nil){
        cell = [[[NSBundle mainBundle] loadNibNamed:@"commentCell" owner:nil options:nil] lastObject];
    }
    
    return cell;
}

- (void)setCommentContentWith:(NSString *)content {
    self.commentContent.text = content;
}

@end

我的代码在github上，欢迎star。

效果

最终的实现效果就在这里了。

comments.gif