将边距添加到自定义UI表格单元格

时间:2013-10-15 15:40:58

标签: ios uitableview storyboard

我对原生app开发世界相当新,主要是前端开发/设计师 - 我在Xcode 5中构建了一个IOS7应用程序 - 其中包含一个带有多个自定义单元格的UITable。我想为每个单元格添加大约8px的边距(看起来像下面的图像) - 并改变通过推送segue出现的链接箭头的颜色 - 但不知道如何做好任何一个尽管一个好的网络搜索/预订 - 故事似乎不是故事板上的相关选项。

有人可以建议吗?

enter image description here

2 个答案:

答案 0 :(得分:2)

代码就像这个方法:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

用于添加每个单元格的边距(此代码仅在每个单元格的顶部添加边距):

UIView *separatorLineView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 8)];
separatorLineView.backgroundColor = [UIColor redColor];
[cell.contentView addSubview:separatorLineView];

并且对于箭头的颜色,您必须创建一个图像并使用以下代码插入它:

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 7, 11)];
[label setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"yourimage.png"]]];
 cell.accessoryView = label;

答案 1 :(得分:2)

您可以通过调整表格本身来为单元格添加边距。而不是标准的320像素宽度,将表格的宽度更改为312.这将为您提供整体余量,而不必干涉表格视图的内部。

CGFloat margin = 8;    
self.tableView.frame = CGRectMake(0, 0, self.view.frame.width-margin, self.view.frame.height);

为了更改箭头的颜色,您必须更改accessoryView的{​​{1}}。它可以是任何UITableViewCell

UIView