iphone - 如何调整表格视图布局？

Question

我正在尝试创建一个看起来像这样的表格部分。

如您所见，它是一个包含两个输入文本字段和一个 ui 控件的表格单元格。

我能够做这样的事情

我的问题是我应该如何在文本字段之间画一条线以及如何删除文本字段的边框。

谢谢

Answer 1

假设您通过子类化 UITableView 使用自定义单元格，请以编程方式指定其他视图自定义项，例如：

//borderless UITextField
[textField setBorderStyle:UITextBorderStyleNone];

对于文本字段之间的线，有很多关于如何做到这一点的选项。一种快速简单的方法是指定所需宽度的 1 像素高 UIView，背景颜色为灰色

UIView *line = [[UIView alloc] initWithFrame:CGRectMake(startingX, startingY, desiredWidth, 1)];
line.backgroundColor = [UIColor grayColor];
[cell addSubview:line];

Answer 2

尝试通过子类化 UITableViewCell 来使用自定义单元格，这样您可以更轻松地设计和制作完全符合您想要的布局。

如果您不想子类化 UITableViewCell 那么您也可以通过删除表格边框来实现这一点。

tableView.layer.borderWidth = 0;
tableView.layer.borderColor = [UIColor clearColor];

您需要为此添加 QuartzCore 框架。然后需要在 .h 文件中写入以下行

#import <QuartzCore/QuartzCore.h>

对于您 2 个单元格之间的那条线，您只需添加一个图像。在此之前，您应该将 tableview 的分隔符样式更改为 none。