怎样让自定义Cell的图片和文本自适应高度

Let‘s do it!

  • 首先创建一个Model类
  • 包括一个图片名称属性

还有文字内容属性

#import <Foundation/Foundation.h>

@interface Model : NSObject
@property (nonatomic, copy) NSString *imageName;
@property (nonatomic, copy) NSString *info;
@end

创建一个继承于UITableViewCell的MyTableViewCell,把模型作为属性,在MyTableViewCell的延展里写一个UIImageView和UILabel属性

MyTableViewCell.h

#import <UIKit/UIKit.h>
@class Model;
@interface MyTableViewCell : UITableViewCell
@property (nonatomic, retain) Model *cellModel;
@end

MyTableViewCell.m

#import "MyTableViewCell.h"
#import "Model.h"
@interface MyTableViewCell ()

@property (nonatomic, retain) UIImageView *myImageView;
@property (nonatomic, retain) UILabel *myLabel;
@end
@implementation MyTableViewCell
- (void)dealloc {
    [_cellModel release];
    [_myImageView release];
    [_myLabel release];
    [super dealloc];
}
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];

    self.myImageView = [[UIImageView alloc] initWithFrame:CGRectZero];
    [self.contentView addSubview:_myImageView];
    [_myImageView release];

    self.myLabel = [[UILabel alloc] initWithFrame:CGRectZero];
    _myLabel.numberOfLines = 0;
    [self.contentView addSubview:_myLabel];
    [_myLabel release];

    return self;
}

# pragma mark - override setter
- (void)setCellModel:(Model *)cellModel {
    if (_cellModel != cellModel) {
        [_cellModel release];
        _cellModel = [cellModel retain];
        _myImageView.image = [UIImage imageNamed:cellModel.imageName];
        _myLabel.text = cellModel.info;
    }
}

- (void)layoutSubviews {
    [super layoutSubviews];
    //  首先拿到图片的原尺寸
    CGSize size = _myImageView.image.size;
    //  用固定的宽度除以图片原宽,得到一个比例
    CGFloat scale = self.contentView.frame.size.width / size.width;
    //  根据比例求得固定的高度
    CGFloat realHeight = size.height * scale;
    //  最后设置imageView的frame
    _myImageView.frame = CGRectMake(0, 0, self.contentView.frame.size.width, realHeight);
    //  label的y坐标根据imageView的大小来决定,所以一定写在imageView高度计算之后
    _myLabel.frame = CGRectMake(0, _myImageView.frame.origin.y + _myImageView.frame.size.height, _myImageView.frame.size.width, 40);
    //  sizeToFit根据宽度算高度,所以一定要先有一个宽度(注意label显示行数需要设置为0)
    [_myLabel sizeToFit];
}
@end
#import "RootViewController.h"
#import "Model.h"
#import "MyTableViewCell.h"

static NSString *const reusableIndentifier = @"cell";

@interface RootViewController ()
<
UITableViewDelegate,
UITableViewDataSource
>

@property (nonatomic, retain) NSArray *array;

@end

@implementation RootViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    Model *model = [[Model alloc] init];
    model.imageName = @"Dog4.jpg";
    model.info = @"Swift is a powerful and intuitive programming language for macOS, iOS, watchOS and tvOS. Writing Swift code is interactive and fun, the syntax is concise yet expressive, and Swift includes modern features developers love. Swift code is safe by design, yet also produces software that runs lightning-fast. Swift 3 is a thorough refinement of the language and the API conventions for the frameworks you use every day. These improvements make the code you write even more natural, while ensuring your code is much more consistent moving forward. For example, select Foundation types such as the new Date type are easier to use and are much faster than previous releases, and the Calendar type uses enums to feel more at home within Swift. SwiftSwiftSwiftSwiftSwiftSwiftSwift";

    self.array = @[model];

    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
    tableView.backgroundColor = [UIColor cyanColor];
    tableView.delegate = self;
    tableView.dataSource = self;
    [self.view addSubview:tableView];
    [tableView release];

}
# pragma mark - 代理方法
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return _array.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    MyTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reusableIndentifier];
    if (nil == cell) {
        cell = [[MyTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reusableIndentifier];
    }
    cell.cellModel = _array[indexPath.row];
    return cell;
}

# pragma mark - 设置高度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    Model *model = _array[indexPath.row];
    UIImage *image = [UIImage imageNamed:model.imageName];
    CGSize size = image.size;
    CGFloat scale = tableView.bounds.size.width / size.width;
    CGFloat realHeight = size.height * scale;

    //  label自适应高度
    //  首先定义一个字符变量接收模型里的info属性值
    NSString *info = model.info;
    //  宽度要和label宽度一样
    CGSize infoSize = CGSizeMake(tableView.frame.size.width, 1000);
    NSDictionary *dic = @{NSFontAttributeName : [UIFont systemFontOfSize:17.f]};
    //  计算文字高度
    //  参数1:自适应尺寸,提供一个宽度,去适应高度
    //  参数2:自适应设置(以行为矩形区域自适应,以字体字形自适应)
    //  参数3:文字属性,通常这里面需要知道的是字体大小
    //  参数4:绘制文本上下文,做底层排版时使用,填nil即可
    CGRect infoRect = [info boundingRectWithSize:infoSize options:NSStringDrawingUsesLineFragmentOrigin attributes:dic context:nil];
    //  图片高度 + 文字高度
    //  上面方法在计算文字高度的时候可能得到的是带小数的值,如果用来做视图尺寸的适应的话,需要使用更大一点的整数值
    //  取整的方法使用ceil函数
    return realHeight + ceil(infoRect.size.height);

}
@end

原文地址:https://www.cnblogs.com/edensyd/p/9167396.html

时间: 2024-11-13 20:04:33

怎样让自定义Cell的图片和文本自适应高度的相关文章

【iOS开发-65】QQ聊天界面案例:自定义cell、图片拉伸处理、NSNotification通知、键盘与视图移动以及输入框左边缩进处理

(1)案例 (2)源代码于素材下载 http://pan.baidu.com/s/1bnpiBCz (3)总结 --还是代码封装.控制器.视图.模型分别独立.里面还有很多代码可以独立出来整一个类. --如果某一个值只有特定的几个数字,那么可以用枚举来定义,注意命名规范 typedef enum{ WPMessageTypeMe=0, WPMessageTypeOther=1 }WPMessageType; --依然是计算一段文字所占据的宽和高 CGSize textMaxSize=CGSizeM

进击的UI-------------多种Cell混合使用&amp;懒加载&amp;自适应高度

1.自定义控件 2.model 3.多种cell混合使用 4自适应高度 5.懒加载

iOS学习之UI自定义cell

一.自定义Cell 为什么需要自定义cell:系统提供的cell满足不了复杂的样式,因此:自定义Cell和自定义视图一样,自己创建一种符合我们需求的Cell并使用这个Cell.如下图所示的这些Cell都是通过自定义Cell样式实现的: 自定义Cell的步骤: 1.首先创建一个继承于UITableViewCell的类:(这是一个简易的通讯录的自定义cell) @interface RootTableViewCell : UITableViewCell // 联系人头像 @property (non

【iOS开发-62】自定义cell制作团购页面、顶部图片轮播、底部模拟加载更多功能,核心是练习代理模式

(1)效果 (2)案例源代码免费下载 团购页面+iOS源代码+头部广告轮播+底部加载更多 (3)补充 在源代码中,有一处瑕疵:就是因为是单线程,所以在上下拖动页面的时候,上面的图片轮播会停止.所以我们需要兼顾,解决方案,把定时器加到当前的runLoop中. 即在WPTgHeaderView.m的playOn方法中添加一行代码: -(void)playOn{ timer=[NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector

文本图片自适应高度小bug以及解决办法

自定义cell的文本图片自适应高度代码,如果存在自定义的cell赋值封装,就必须将自适应高度代码写在这个方法中 点击效果: 注:- (void)layoutSubviews 方法不能同时操作,否则会出现cell的高度错乱 显示: 点击:

iOS UITableView表视图(3)自定义cell

1.自定义cell 2.多种cell 的混合使用 3.cell自适应高度 自定义cell就是创建一个UITableViewCell的子类. 把cell上的控件创建都封装在子类中,简化UIViewController中的代码 子视图控件添加到cell的contentView上 cell中的控件如何显示Model中的信息? cell中声明一个Model类型的属性,viewController中获取到Model对象后赋值给cell的Model属性,cell中重写Model的setter方法,把Mode

IOS开发系列--TableView、多个TableViewCell、自定义Cell、Cell上画画(故事板+代码方式),ios7tableview索引

在此之前,我们已经创建了一个通过简单的表视图应用程序并显示预定义的图像.在本教程中,我们将继续努力,使应用程序变得更好,: >不同的行显示不同的图像 - 上个教程,我们的所有行显示相同的缩略图.那么不同的食物显示不同的图片不是更好么? >自定义视图单元-我们将展示我们自己的视图来替代默认表单元格样式 显示不同缩略图 在我们更改代码之前,让我们回顾显示缩略图的代码. 最后,我们增加了一个行代码指示UITableView每一行显示"creme_brelee.jpg"这张图片.显

iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(一)

iOS开发UI篇-以微博界面为例使用纯代码自定义cell程序编码全过程(一) 一.storyboard的处理 直接让控制器继承uitableview controller,然后在storyboard中把继承自uiviewcontroller的控制器干掉,重新拖一个tableview controller,和主控制器进行连线. 项目结构和plist文件 二.程序逻辑业务的处理 第一步,把配图和plist中拿到项目中,加载plist数据(非png的图片放到spooding files中) 第二步,字

iOS开发&gt;学无止境 - Cell异步图片加载优化,缓存机制详解

作者:勤奋的笨老头 网址:http://www.jianshu.com/p/02ab2b74c451 最近研究了一下UITbleView中异步加载网络图片的问题,iOS应用经常会看到这种界面.一个tableView上显示一些标题.详情等内容,在加上一张图片.这里说一下这种思路. 为了防止图片多次下载,我们需要对图片做缓存,缓存分为内存缓存于沙盒缓存,我们当然两种都要实现. 由于tableViewCell是有重用机制的,也就是说,内存中只有当前可见的cell数目的实例,滑动的时候,新显示cell会