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