如何调整表格视图布局？

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 Framework。然后需要在.h文件中写下面的行

#import <QuartzCore/QuartzCore.h>

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