如何以分组样式设置 UITableView 中单元格的宽度

Question

我已经为此工作了大约两天，所以我想与您分享我的经验。

问题是：是否可以使分组的 UITableView 中单元格的宽度变小？

答案是：不。

但是有两种方法可以解决这个问题。

解决方案#1：更薄的桌子 可以更改tableView的框架，使表格变小。这将导致 UITableView 以减小的宽度渲染内部单元格。

解决方案如下所示：

-(void)viewWillAppear:(BOOL)animated
{
    CGFloat tableBorderLeft = 20;
    CGFloat tableBorderRight = 20;

    CGRect tableRect = self.view.frame;
    tableRect.origin.x += tableBorderLeft; // make the table begin a few pixels right from its origin
    tableRect.size.width -= tableBorderLeft + tableBorderRight; // reduce the width of the table
    tableView.frame = tableRect;
}

解决方案#2：由图像渲染单元格

此解决方案如下所述：http://cocoawithlove.com/2009/04/easy-custom-uitableview-drawing.html

我希望这些信息对您有所帮助。我花了大约2天的时间尝试了很多可能性。这就是剩下的。

Answer 1

实现此目的的一种更好、更简洁的方法是子类化 UITableViewCell 并重写其 -setFrame: 方法，如下所示：

- (void)setFrame:(CGRect)frame {
    frame.origin.x += inset;
    frame.size.width -= 2 * inset;
    [super setFrame:frame];
}

为什么它更好？因为另外两个更糟糕。

1. 在-viewWillAppear中调整表格视图宽度：

   首先，这是不可靠的，超级视图或父视图控制器可能会在调用 -viewWillAppear: 后进一步调整表格视图框架。当然，您可以为 UITableView 子类化并重写 -setFrame: ，就像我在这里为 UITableViewCells 所做的那样。然而，子类化 UITableViewCells 是一种非常常见、简单且 Apple 的方式。

   其次，如果你的UITableView有backgroundView，你不希望它的backgroundView一起缩小。在缩小 UITableView 宽度的同时保持 backgroundView 宽度并不是一件简单的工作，更不用说将子视图扩展到其超级视图之外并不是一件非常优雅的事情。

2. 自定义单元格渲染以伪造更窄的宽度

   为此，您必须准备带有水平边距的特殊背景图像，并且您必须自己布局单元格的子视图以适应边距。
   相比之下，如果您只是调整整个单元格的宽度，自动调整大小将为您完成所有工作。

Answer 2

要在 Swift 中执行此操作（它不提供设置变量的方法），您必须重写 frame 的 setter。最初发布（至少在我找到它的地方）此处

override var frame: CGRect {
    get {
        return super.frame
    }
    set (newFrame) {
        let inset: CGFloat = 15
        var frame = newFrame
        frame.origin.x += inset
        frame.size.width -= 2 * inset
        super.frame = frame
    }
}

Answer 3

如果没有任何效果，您可以尝试

将单元格的背景颜色设置为透明颜色，然后放置所需尺寸的单元格图像。如果您想在该单元格上显示一些文本，请在图像上方放置一个标签。不要忘记将标签的背景颜色也设置为透明颜色。

Answer 4

我发现接受的解决方案在轮换时不起作用。实现具有固定宽度和固定宽度的 UITableViewCells灵活的边距我刚刚将上述解决方案调整为以下内容：

- (void)setFrame:(CGRect)frame {

    if (self.superview) {
        float cellWidth = 500.0;
        frame.origin.x = (self.superview.frame.size.width - cellWidth) / 2;
        frame.size.width = cellWidth;
    }

    [super setFrame:frame];
}

每当设备旋转时就会调用该方法，因此单元格将始终居中。

Answer 5

当屏幕旋转时会调用一个方法：viewWillTransitionToSize

这是您应该调整框架大小的地方。参见示例。根据需要更改框架坐标。

- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator
{
    [coordinator animateAlongsideTransition:nil completion:^(id<UIViewControllerTransitionCoordinatorContext> context)
    {
        int x = 0;
        int y = 0;
        self.tableView.frame = CGRectMake(x, y, 320, self.tableView.frame.size.height);
    }];
}

Answer 6

我这样做，

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell;
    CGFloat tableBorderLeft = self.view.frame.origin.x + 10;
    CGFloat tableBorderRight = self.view.frame.size.width - 20;

    CGRect tableRect = self.view.frame;
    tableRect.origin.x = tableBorderLeft; 
    tableRect.size.width = tableBorderRight; 
    tableView.frame = tableRect;
}

这对我有用

Answer 7

在 .h 文件中添加委托“UITableViewDataSource”

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{ 
    return size;
}