旋转的 UITableView 中的表格视图单元格未对齐

Question

作为一个小背景，我构建了一个旋转的 UITableView 作为一种侧向“选择器”视图。为此，我采用 UITableView，对其应用旋转变换，然后再次旋转 tableview 内的 UITableViewCells。

我遇到的问题是某些表格单元格变得“未对齐” - 它们的框架是在与其他表格单元格一定距离的偏移（在 x 和 y 维度上）绘制的。

我已经缩小范围，在进行 [tableView reloadData] 调用后，此错误发生在完全超出可见 tableview 矩形的第一个表格单元格上。 （即，如果我有 4 个表格单元格，A 完全可见并绘制，B 半开/半离视图，C 和 D 完全离开屏幕且尚未渲染，当我滚动到 C 时，它是被窃听了，但是当我滚动到 D 时，却没有）。

现在来看一些代码 -

包含视图的 init

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        ...
        self.tableView = [[UITableView alloc] init];
        [self addSubview:_tableView];
        [_tableView setDelegate:self];
        [_tableView setShowsVerticalScrollIndicator:NO];
        [_tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];
        CGAffineTransform transform = CGAffineTransformMakeRotation(-1.5707963);    
        _tableView.transform = transform;
        _tableView.frame = self.bounds;
        ...
    }
    return self;
}

相关委托方法

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
{
    return [tableView.dataSource tableView:tableView cellForRowAtIndexPath:indexPath].frame.size.height;
}

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{ 
    CGAffineTransform transform = CGAffineTransformMakeRotation(1.5707963);
    cell.transform = transform;
}

表格单元格的layoutSubviews
编辑：我根据单元格内容的长度手动设置单元格的大小（主要是宽度）

- (void)layoutSubviews {
    [super layoutSubviews];

    // some calculations and sizing of subviews

    // height and width are swapped here, because the table cell will be rotated.
    self.frame = (CGRect){self.frame.origin.x,self.frame.origin.y,calculatedHeight,calculatedWidth};
}

似乎有缺陷的表格单元格的frame.origin是当到达布局子视图时设置不正确。将框架的 origin.x 值设置为 0 可以修复 x 维度偏移问题，但显然我无法对 y 维度执行相同的操作，因为该值决定单元格在表格视图中的位置。

如果我可能遗漏了一些重要信息，请告诉我。谢谢！

Answer 1

您是否尝试过设置单元格图层的锚点，即图层旋转（变换）的点。它默认为 .5, .5，这是图层的中心，可能需要设置为 0, 0 （或 1, 1 - 我不记得图层坐标是否从我的头顶反转）

或者尝试在应用变换后立即在 willDisplayCell 中设置框架，而不是在布局子视图中进行设置

Answer 2

好消息 - 在花了很多个小时试图解决这个问题之后，我偶然发现了解决方案。

这段代码被“窃听”单元多次调用，显然由于 CALayer 和 CGAffineTranform 的一些复杂性，分配转换会产生附加影响。

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{ 
    CGAffineTransform transform = CGAffineTransformMakeRotation(1.5707963);
    cell.transform = transform;
}

解决方案是将转换移至单元格的 init 方法中，以便保证每个单元格仅设置一次。

// ... init stuff  
self.transform = CGAffineTranformMakeRotation(1.5707963);
// ... more init stuff

Answer 3

创建 UITableViewCell 的子类并覆盖其layoutSubviews，确保在那里设置转换：

class InvertedTableViewCell: UITableViewCell {
    override func layoutSubviews() {
            self.transform = CGAffineTranformMakeRotation(1.5707963)
        }
}