ios – 所有方向的UITableViewCell中的动态UILabel高度/宽度

我的问题基本上归结为在UITableCell中支持UILabel(和我想象的其他元素)的动态高度的最佳方法,并且在旋转时也正确地调整了标签宽度/高度和单元格高度.

我知道如何获得UILabels的预期高度,并相应地调整高度,但当您支持横向时,似乎变得非常棘手.

我认为这可能是layoutSubviews的路线,但我不知道如何将它与需要计算单元格高度的表相结合. Another interesting post在init上手动设置框架,以确保它们在已知数量上进行计算,但只解决部分问题.

所以这里是我正在处理的图像,红色箭头指向动态高度标签,蓝色箭头指向要改变高度的单元格.

我设法使其正常工作,但不知道它是否正确的方法.

这是我学到的一些事情：

> cellForRowAtIndexPath中的cell.frame总是以纵向模式给出其大小. (即,对于iphone应用程序,它总是报告320).
>存储原型单元格以供参考在属性中具有相同的问题,始终处于纵向模式
>在这种用例中,自动调整标签宽度的掩码似乎没有用处,实际上会导致计算出的高度旋转问题
> cellForRowAtIndexPath中的tableView.frame以正确的方向给出其大小
>您需要在旋转时调用[tableView reloadData].我找不到任何其他方式更新单元格和标签高度

以下是我为让我工作的步骤：

>禁用UILabels上的任何自动调整掩码,因为它们因某些原因妨碍获取正确的标签高度
>在viewDidLoad我抓住每个标签字体的引用,和一个float的标签宽度百分比与tableView在纵向

CWProductDetailDescriptionCell *cell = [self.tableView dequeueReusableCellWithIdentifier:@"DescriptionCell"];
self.descriptionLabelWidthPercentage = cell.descriptionLabel.frame.size.width / 320;
self.descriptionLabelFont = cell.descriptionLabel.font;

> in heightForRowAtIndexPath我使用tableView宽度和我已经抓住的百分比来计算单元格高度：

case TableSectionDescription:
    CGFloat labelWidth = self.tableView.frame.size.width * self.descriptionLabelWidthPercentage;
    CGSize newLabelFrameSize = [self sizeForString:self.product.descriptionText WithConstraint:CGSizeMake(labelWidth,MAXFLOAT) AndFont:self.descriptionLabelFont];
    return newLabelFrameSize.height + kTextCellPadding;

>在cellForRowAtIndexPath中,我计算标签框架并进行更新

cell = [tableView dequeueReusableCellWithIdentifier:@"DescriptionCell"];
((CWProductDetailDescriptionCell *)cell).descriptionLabel.text = self.product.descriptionText;
CGRect oldFrame = ((CWProductDetailDescriptionCell *)cell).descriptionLabel.frame;
CGFloat labelWidth = self.tableView.frame.size.width * self.descriptionLabelWidthPercentage;
CGSize newLabelFrameSize = [self sizeForString:self.product.descriptionText WithConstraint:CGSizeMake(labelWidth,MAXFLOAT) AndFont:((CWProductDetailDescriptionCell *)cell).descriptionLabel.font];
((CWProductDetailDescriptionCell *)cell).descriptionLabel.frame = CGRectMake(oldFrame.origin.x,oldFrame.origin.y,labelWidth,newLabelFrameSize.height);

>在didRotateFromInterfaceOrientation你需要[self.tableView reloadData]

这种方法的问题：

>您无法利用您自动调整掩码和边距might set in IB

>那些似乎没有开始,直到你已经在cellForRowAtIndexPath中返回单元格(不知道这是否正确)
>他们混乱了高度计算,而您的标签在taller比taller景观.

>如果您的标签的宽度在portrait和landscape中的宽度不相等,则需要知道这两个百分比
>您需要知道/计算您的标签宽度百分比.理想情况下,您可以在自动调整大小的面具完成其任务之后即时计算这些.
只是觉得笨拙.我有一种感觉,我将在编辑模式中遇到更多头痛的压痕.

所以.这样做的正确方法是什么？我看到很多SO的问题,但没有一个完全解决这个问题.

解决方法

显然,它写出了我的巨大的问题,并从电脑中断了解.

所以这里的解决方案：

动态计算UILabel高度的主要步骤,并利用自动调整掩码：

>为每个需要调整高度的单元格保留原型单元格
>在heightForRowAtIndexPath

>调整您所在方向的参考单元格宽度
然后你可以可靠地使用包含的UILabel框架宽度来计算高度

>除了初始设置之外,请勿在cellForRowAtIndexPath中进行任何框架调整

> UITableViewCells在调用它们之后执行所有的布局,所以你最好的努力是徒劳的,最糟糕的是他们把事情搞砸了

>在willDisplayCell forRowAtIndexPath中进行框架调整

我很愤怒,我忘了这个
>它发生在所有的UITableViewCell内部布局之后,就在绘制之前
>带有自动调整掩码的标签已经具有可用于计算的正确宽度

在viewDidLoad中抓取对需要高度调整的单元格的引用

请注意,这些保留/强(ARC),并且从未添加到表本身

self.descriptionReferenceCell = [self.tableView dequeueReusableCellWithIdentifier:@"DescriptionCell"];
self.attributeReferenceCell = [self.tableView dequeueReusableCellWithIdentifier:@"AttributeCell"];

在heightForRowAtIndexPath中对可变高度单元格进行计算

我首先更新我的参考单元格的宽度,以便它显示其子视图(UILabels),然后我可以使用它进行计算.然后,我使用更新的标签宽度来确定我的标签的高度,并添加任何必要的单元格填充以计算单元格高度. (记住这些计算只有当您的单元格与标签一起更改高度时才需要这些计算).

UIDeviceOrientation orientation = [[UIDevice currentDevice] orientation];
float width = UIDeviceOrientationIsPortrait(orientation) ? 320 : 480;

case TableSectionDescription:
    CGRect oldFrame = self.descriptionReferenceCell.frame;
    self.descriptionReferenceCell.frame = CGRectMake(oldFrame.origin.x,width,oldFrame.size.height);
    CGFloat referenceWidth = self.descriptionReferenceCell.descriptionLabel.frame.size.width;
    CGSize newLabelFrameSize = [self sizeForString:self.product.descriptionText WithConstraint:CGSizeMake(referenceWidth,MAXFLOAT) AndFont:self.descriptionReferenceCell.descriptionLabel.font];
    return newLabelFrameSize.height + kTextCellPadding;

在cellForRowAtIndexPath中不要依赖方向执行任何与动态布局相关的更新

在willDisplayCell forRowAtIndexPath中自动更新标签高度

由于表格单元格执行了layoutSubviews,标签已经具有正确的宽度,我用它来计算标签的确切高度.我可以安全地更新我的标签高度.

case TableSectionDescription:
    CGRect oldFrame = ((CWProductDetailDescriptionCell *)cell).descriptionLabel.frame;
    CGSize newLabelFrameSize = [self sizeForString:self.product.descriptionText WithConstraint:CGSizeMake(oldFrame.size.width,MAXFLOAT) AndFont:((CWProductDetailDescriptionCell *)cell).descriptionLabel.font];
    ((CWProductDetailDescriptionCell *)cell).descriptionLabel.frame = CGRectMake(oldFrame.origin.x,oldFrame.size.width,newLabelFrameSize.height);
    break;

在旋转时重新加载数据

如果您不重新加载数据,您的可见单元格将不会更新其高度和标签.

-(void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation{
    [self.tableView reloadData];
}

唯一要指出的是,我正在使用一个帮助类来计算刚刚包装基本调用的标签高度.真的,它不再保存任何代码了(我曾经有其他东西在那里),所以只需使用正常的方法直接从您的字符串.

- (CGSize) sizeForString:(NSString*)string WithConstraint:(CGSize)constraint AndFont:(UIFont *)font {
    CGSize labelSize = [string sizeWithFont:font
                          constrainedToSize:constraint 
                              lineBreakMode:UILineBreakModeWordWrap];
    return labelSize;
}

ios – 所有方向的UITableViewCell中的动态UILabel高度/宽度

解决方法

相关文章