码迷,mamicode.com
首页 > 其他好文 > 详细

UITableView!别再用代码计算行高了(一)

时间:2018-01-13 22:16:06      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:integer   图片   ret   兴趣   gen   行高   wak   高度自适应   就是   

你还在用代码去计算行高吗?你不感觉那种方式很low吗?从今天起,试着做些改变吧!

别给我讲你喜欢写代码的感觉,你就是要用代码去计算行高,那我这篇文章不适合你。

在讲解复杂内容之前,还是先学习简单的内容,本篇就是讲解一些基本的内容。

一、纯文字Cell

一般我们用的都是UILabel控件,这个控件配合Autolayout简直是完美,废话不多说。

我们首先创建一个简单的工程,工程中我们创建一个UITableViewController子类,这里命名为LabelViewController,下图是一些初始配置

技术分享图片

上面的第二步操作,我们也可以通过代码设置rowHeight和estimatedRowHeight为UITableViewAutomaticDimension来达到目的

接下来我们要对cell做一些配置,我们只做一些简单的约束设置就能达到目的,我们往cell的Content View上添加一个UILabel,设置约束如下图:

技术分享图片

好了,现在我们可以去写代码了,我们创建一个UITableViewCell的子类,命名为LabelCell(这里是个人习惯,你也可以不创建),代码如下:

#import <UIKit/UIKit.h>

@interface LabelCell : UITableViewCell

- (void)showText:(NSString *)text;

@end
#import "LabelCell.h"

@interface LabelCell ()
@property (weak, nonatomic) IBOutlet UILabel *textLabel;

@end

@implementation LabelCell

- (void)awakeFromNib {
    [super awakeFromNib];
    // Initialization code
}

- (void)showText:(NSString *)text {
    self.textLabel.text = text;
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}

@end

现在回到我们创建的LabelViewController类中,首先贴上代码

@interface LabelViewController ()
@property (nonatomic, strong) NSArray *datas;
@end

@implementation LabelViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.datas = @[@"中新网1月13日电 据教育部网站消息,教育部日前发布关于做好2018年春节寒假期间有关工作的通知,强调要扎实做好校园安全工作,要在放假前开学前分别开展一次校园安全大", @"《通知》要求,用心务实做好师生特别是困难师生走访慰问工作。各级领导干部要主动深入基层,深入教学一线,深入师生群众,深入农村偏远艰苦地区了解实际情况。要重点关心关注农村留守儿童、随迁子女、经济困难学生、残疾学生等群体的学习生活情况,创造条件促进解决实际困难"];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - Table view data source
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.datas.count;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    LabelCell *cell = [tableView dequeueReusableCellWithIdentifier:@"LabelCell" forIndexPath:indexPath];
    
    [cell showText:self.datas[indexPath.row]];
    return cell;
}
@end

到此为止,我们已经完成了所有设置,运行程序看看

技术分享图片

达到了我们的预期,不在去计算文字的高就能完美适配行高。

二、图片Cell

我们在同一个工程中创建所需内容,在Main.storyboard中再拖入一个UITableViewController,同样要设置对应的UITableView类的rowHeight和estimatedRowHeight为UITableViewAutomaticDimension,你可以选择在storyboard(参考上面设置)中或者代码设置。往Cell中拖入一个UIImageView,约束参考下图:
技术分享图片

其实这些设置已经达到了高度自适应,可我还是要给你接下来的代码,创建一个ImageViewController类,和刚刚创建的UITableViewController绑定,再创建一个ImageCell类,和UITableViewController中的Cell绑定。

#import <UIKit/UIKit.h>

@interface ImageCell : UITableViewCell

- (void)showDataWithImageName:(NSString *)imageName;

@end
#import "ImageCell.h"

@interface ImageCell ()
@property (weak, nonatomic) IBOutlet UIImageView *testImageView;

@end

@implementation ImageCell

- (void)awakeFromNib {
    [super awakeFromNib];
    // Initialization code
}

- (void)showDataWithImageName:(NSString *)imageName {
    self.testImageView.image = [UIImage imageNamed:imageName];
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}

@end
@interface ImageViewController ()
@property (nonatomic, strong) NSArray *datas;

@end

@implementation ImageViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.datas = @[@"test1", @"test2", @"test3"];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    
    // Dispose of any resources that can be recreated.
}

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


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    ImageCell *cell = [tableView dequeueReusableCellWithIdentifier:@"ImageCell" forIndexPath:indexPath];
    
    [cell showDataWithImageName:self.datas[indexPath.row]];
    
    return cell;
}

@end

运行程序,如果没有错误的话,可以达到我们需要的自适应,看下图:

技术分享图片

以上总的来说就是将rowHeight和estimatedRowHeight设置为UITableViewAutomaticDimension,并且约束设置好,我们就不需要用代码去计算行高。由于本篇不是讲解约束的的文章,所以不会拉约束的人,你可以看看这:https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/AutolayoutPG/

后续我将发布更复杂的Cell自适应文章,感兴趣的可以关注我,
以上工程代码可以从这里下载:https://gitee.com/yyxy/UITableViewDemo

UITableView!别再用代码计算行高了(一)

标签:integer   图片   ret   兴趣   gen   行高   wak   高度自适应   就是   

原文地址:https://www.cnblogs.com/Devhwl/p/8280408.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!