标题和表格单元格之间的空格

时间:2013-07-30 10:25:30

标签: iphone ios ipad uitableview

我想增加UITableView的标题和单元格之间的差距。

我搜索了很多,我找到了这个解决方案,

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

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
   //Adding UIView and it's Background Image...
    UIView *tempView=[[UIView alloc]initWithFrame:CGRectMake(0,0,300,20)];
    UIImageView *BgImg=[[UIImageView alloc]initWithFrame:CGRectMake(0,0,300,20)];
    BgImg.image= [UIImage imageNamed:@"venueTitleBg.png"];
    [tempView addSubview:BgImg];

    //Adding UIImageView...
    UIImageView *flag=[[UIImageView alloc]initWithFrame:CGRectMake(10,3,20,12)];
    flag.image= [UIImage imageNamed:@"flag_small_united-kingdom.png"];
    [tempView addSubview:flag];

    //Adding UILabel...
    UILabel *tempLabel=[[UILabel alloc]initWithFrame:CGRectMake(40,1,300,15)];
    tempLabel.backgroundColor=[UIColor colorWithRed:15.0/255.0 green:15.0/255.0 blue:30.0/255.0 alpha:1.0];
    tempLabel.textColor=[UIColor whiteColor];
    tempLabel.font=[UIFont systemFontOfSize:11];
    tempLabel.text=@"United Kingdom";
    [tempView addSubview: tempLabel];

    return tempView;
}

我试过这段代码,它在模拟器中工作正常,但它没有显示任何空格,  当我在我的设备上运行时。

这是Simulator的快照:(我可以看到Header和cell之间的差距..) 提前致谢。

4 个答案:

答案 0 :(得分:2)

试试这个:

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

答案 1 :(得分:0)

您可能面临的问题是您使用的是iphone 5设备,还是运行iphone 4的模拟器,反之亦然。您也可以启用自动布局。同时检查以将heightForHeaderInSection的高度增加到50.0或更高,因为设备中的高度无论如何都看起来很小。

答案 2 :(得分:0)

我认为问题是您正在使用图像来加载标题视图。当您在iPhone 4s中运行代码时,这是视网膜显示屏手机。在代码下面添加所有图像的@ 2x图像非常重要:

BgImg.image= [UIImage imageNamed:@"venueTitleBg.png"];
flag.image= [UIImage imageNamed:@"flag_small_united-kingdom.png"];

请添加@ 2x图片并尝试。​​

答案 3 :(得分:0)

Swift 4.2

1-创建自定义标头类,为其提供清晰的背景。

class CustomHeader: UITableViewHeaderFooterView{
    override func awakeFromNib() {
        super.awakeFromNib()
        backgroundView = UIView(frame: self.bounds)
        backgroundView!.backgroundColor = .clear
    }
} 

2-创建一个.xib文件,并分配您刚创建的类。

3-在.xib文件中的自定义标题内创建背景视图

4-在此背景视图下添加底部填充,并将其用作标题视图子视图的容器。

5-不要忘记将自定义标题注册到表格视图中。

tableView.register(UINib(nibName: "NibName", bundle: nil), forHeaderFooterViewReuseIdentifier: "Identifier")

6-随时使用标题。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let header = tableView.dequeueReusableHeaderFooterView(withIdentifier: "HeaderIdentifier") as? CustomHeader
    // Customize your header
    return header
}

7-如果您不需要自定义标题,并且仅使用一个自定义标题,则可以在设置表格视图的地方使用此快捷方式。

yourTableView.tableHeaderView = tableView.dequeueReusableHeaderFooterView(withIdentifier: "HeaderIdentifier") as? CustomHeader