UItableView的自适应

来源:互联网 发布:编程语言的算法 编辑:程序博客网 时间:2024/06/05 21:18

自适应高度用的比较少,将代码封装好,能够理解就好,自适应高度其实也就是动态设置行高

1.图片高度的自适应

首先要知道在哪个协议方法里写(CGFloat)tableView  heightForRow......

在这个方法里,主要计算图片的尺寸,来设置tableview的行高

1.先定义一个image  UIImage保存着实际图片的尺寸,而imageView是我们看到的图片的尺寸通过它来设置

2.我们需要等比例缩放,通过图片的实际尺寸和屏幕固定的宽高等比例计算

  <span style="font-size:18px;">// 在这个方法里.主要计算图片的尺寸,来设置tableView的行高    UIImage *image = [UIImage imageNamed:self.picArr[indexPath.row]];    // UIImage保存着实际图片的尺寸,而UIImageView是我们看到的图片的尺寸都通过它来设置//    NSLog(@"%g", image.size.height);// 获取图片的尺寸        // 通过图片的实际尺寸和屏幕固定的宽进行等比例计算    CGFloat rowHeight = self.view.frame.size.width * image.size.height / image.size.width;</span>

3.之后在layoutSubviews执行方法(这是cell走的最后一个方法,我们需要现在主函数协议里求行高,然后在函数里自适应图片)

  <span style="font-size:18px;">UIImage *image = self.picImageView.image;    CGFloat height = image.size.height * self.contentView.frame.size.width / image.size.width;    self.picImageView.frame = CGRectMake(0, 0, self.contentView.frame.size.width, height);</span>

2.文字的自适应

1.计算文字的高度  首先将字体的大小放到一个数组里

2.根据文本的内容和文本的字体进行计算高度

 <span style="font-size:18px;"> // 计算文字的高度    // 将字体大小写到key - value    NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:14], NSFontAttributeName, nil];    // 根据文本的内容和文本的字体进行计算高度    // 参数一:告诉系统,文本显示的最大范围    //    CGRect rect = [self.ziArr[indexPath.row] boundingRectWithSize:CGSizeMake(self.view.frame.size.width, 0) options:NSStringDrawingUsesLineFragmentOrigin attributes:dic context:nil];</span>

然后在cell里执行,对lable进行尺寸设置

 <span style="font-size:18px;">// 计算文字的高度    // 将字体大小写到key - value    NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:14], NSFontAttributeName, nil];    // 根据文本的内容和文本的字体进行计算高度    // 参数一:告诉系统,文本显示的最大范围        // 这个方法是nsstring的    CGRect rect = [str boundingRectWithSize:CGSizeMake(self.contentView.frame.size.width, 0) options:NSStringDrawingUsesLineFragmentOrigin attributes:dic context:nil];        // 对lable进行尺寸设置    self.newsLable.frame = CGRectMake(0, height, self.contentView.frame.size.width, rect.size.height);</span>


#pragma mark 设置tableView cell每行的高度- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    // 在这个方法里.主要计算图片的尺寸,来设置tableView的行高    UIImage *image = [UIImage imageNamed:self.picArr[indexPath.row]];    // UIImage保存着实际图片的尺寸,而UIImageView是我们看到的图片的尺寸都通过它来设置//    NSLog(@"%g", image.size.height);// 获取图片的尺寸        // 通过图片的实际尺寸和屏幕固定的宽进行等比例计算    CGFloat rowHeight = self.view.frame.size.width * image.size.height / image.size.width;        // 计算文字的高度    // 将字体大小写到key - value    NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:14], NSFontAttributeName, nil];    // 根据文本的内容和文本的字体进行计算高度    // 参数一:告诉系统,文本显示的最大范围    //    CGRect rect = [self.ziArr[indexPath.row] boundingRectWithSize:CGSizeMake(self.view.frame.size.width, 0) options:NSStringDrawingUsesLineFragmentOrigin attributes:dic context:nil];           return rowHeight + rect.size.height;}


0 0
原创粉丝点击