UITableView如何添加自定义UIImageView作为分隔符并设置自定义位置

Question

I have a UITableView with a number of sections (not rows). I'd like to add the UIImageView as a separator between each sections at the center (except the last cell). The space between cells is 30

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 30;
}


- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    UIView *headerView = [[UIView alloc] init];
    headerView.backgroundColor = [UIColor clearColor];
    return headerView;
}

The screenshot

I'd like to set the position like at the screenshot.

The code I've made

[self.tableView setSeparatorStyle:UITableViewCellSeparatorStyleNone];

The cell height is 81.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //Some code
    UIImageView *separatorIView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 96, 196, 2)];
    [separatorIView setImage:[UIImage imageNamed:@"grayline.png"]];
    [cell.contentView addSubview:separatorIView];
    return cell;
}

The grayline appears if I set the y coordinate < then cell height. Thanks in advance.

The result

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 30; 
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    UIView *headerView = [[UIView alloc] init];
    headerView.backgroundColor = [UIColor clearColor];
    if (section > 0) {
        UIImageView *img = [[UIImageView alloc] initWithFrame:CGRectMake(62, 14, 196, 2)];
        [img setImage:[UIImage imageNamed:@"grayline.png"]];
        [headerView addSubview:img];
    }
    return headerView;
}

Answer 1

As you are setting a head view height you can add separator in header. Table View has a delegate method named "viewForHeaderInSection".

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
      UIImageView *img = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 5)];
      [img setImage:[UIImage imageNamed:@"grayline.png"]];
      return img;
 }

If you set the separator image in this delegate method you don't need to do anything in cellForRowAtIndexPath. Let me know if that helps... :)

Edit:

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    return 5;
}

`

Answer 2

自定义分隔符位置是不可能的，因为它们是专门为其框架定义的，除此之外，如果您需要这种效果，那么您必须在标题中添加图像，如自定义空间和颜色与需要视图，只有您可以获得所需视图

Answer 3

You can set Separator color using setSeparator color in which you can pass image

like,

[self.tableView setSeparatorColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"grayline.png"]]];

Answer 4

just try to make the height of the last header as zero and see if it works.

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
  if(make_cndition_for_lastsection)
    return 0;
  else
    return  30;
}