如何使 UITableView 的部分标题居中

Question

我想在 tableview 上将标题居中，但是我有 2 个问题。首先，我没有正确的高度，其次 UILabel 看起来不像默认标题 - 字体/字体大小/颜色等......有没有更好的方法来居中，和/或有没有办法制作它看起来像默认标题。

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger) section
{
    //section text as a label
    UILabel *lbl = [[UILabel alloc] init];
    lbl.textAlignment = UITextAlignmentCenter;  

    lbl.text = @"Header";
    [lbl setBackgroundColor:[UIColor clearColor]];  

    return lbl;
}

Answer 1

这应该可以解决您的问题。在 xcode 6 / ios8 中测试

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    [[UILabel appearanceWhenContainedIn:[UITableViewHeaderFooterView class], nil] setTextAlignment:NSTextAlignmentCenter];
    return [sectionTitles objectAtIndex:section];
}

Answer 2

你还必须实现 tableView:heightForHeaderInSection 来调整你的标题高度：

在 UITableViewDelegate 协议参考文档中，您可以找到：

tableView:viewForHeaderInSection:

讨论

例如，返回的对象可以 是一个 UILabel 或 UIImageView 对象。 表格视图自动调整 节标题的高度为 容纳返回的视图对象。 此方法仅在以下情况下才能正常工作 表视图：heightForHeaderInSection：是 也实施了。

要使 Header 标签居中，您必须在将其对齐设置为居中之前指定标签框架。 要获取标准字体，请使用 SystemFontOfSize：

还要注意您正在造成内存泄漏您应该返回一个自动释放的视图

试试这样的：

UILabel *lbl = [[[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 30)] autorelease];
lbl.textAlignment = UITextAlignmentCenter;
lbl.font = [UIFont systemFontOfSize:12];

希望这会有所帮助， 文森特

Answer 3

Volker 在 Swift 中的回答：

如果您的目标是 iOS6 及更高版本，如果您只想将标题标题居中，则不必提供自己的标题视图。

只需执行

- tableView:willDisplayHeaderView:forSection:

并设置标签的 textAligment 属性：

func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    if let headerView = view as? UITableViewHeaderFooterView {
        headerView.textLabel?.textAlignment = .Center
    }
}

Answer 4

如果您的目标是 iOS6 及更高版本，如果您只想使标题标题居中，则不必提供自己的标题视图。

只需执行

- tableView:willDisplayHeaderView:forSection:

并设置标签的textAligment属性：

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section
{
    if([view isKindOfClass:[UITableViewHeaderFooterView class]]){

        UITableViewHeaderFooterView *tableViewHeaderFooterView = (UITableViewHeaderFooterView *) view;
        tableViewHeaderFooterView.textLabel.textAlignment = NSTextAlignmentCenter;
    }
}

Answer 5

要调用这个方法，你应该首先实现

titleForHeaderInSection

然后tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int)方法将被调用

Swift 解决方案：

func tableView(tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    if let headerView = view as? UITableViewHeaderFooterView {


        headerView.textLabel?.textAlignment = Localize().isRTL ? .Right : .Left
        headerView.textLabel?.text = partsDataSource[section]
        headerView.textLabel?.textColor = UIColor ( red: 0.0902, green: 0.2745, blue: 0.2745, alpha: 1.0 )
        headerView.textLabel?.font = UIFont(name: UIDecorator.sharedInstance.PRIMARY_FONT, size: 14.0)
        headerView.contentView.backgroundColor = UIDecorator.sharedInstance.currentTheme.lightShadeColor
    }
}

func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    return " "
}

Answer 6

这是我的版本，您需要截取正常标题背景的屏幕截图，并将其 1px 宽的切片保存为“my_head_bg.png”并将其添加到项目中。这样，它看起来就完全正常了：

-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    UILabel *lbl = [[[UILabel alloc] init] autorelease];
    lbl.textAlignment = UITextAlignmentCenter;
    lbl.font = [UIFont fontWithName:@"Helvetica-Bold" size:18];
    lbl.text = @"My Centered Header";
    lbl.textColor = [UIColor whiteColor];
    lbl.shadowColor = [UIColor grayColor];
    lbl.shadowOffset = CGSizeMake(0,1);
    lbl.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"my_head_bg"]];
    lbl.alpha = 0.9;
    return lbl;
}

Answer 7

试试这个

    UILabel *tableHeader = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 320, 30)];
[tableHeader setText:@"This is header"];
[tableHeader setTextAlignment:UITextAlignmentCenter];

UITableView *newTable = [[UITableView alloc] initWithFrame:CGRectMake(20, 0, 280, 200) style:UITableViewStylePlain];
[newTable setBackgroundColor:[UIColor clearColor]];
[newTable setTableHeaderView:tableHeader];
self.view = newTable;

Answer 8

在 Xamarin 中：

        // Center Header
        public override void WillDisplayHeaderView(UITableView tableView, UIView headerView, nint section)
        {
            if (headerView.GetType() == typeof(UITableViewHeaderFooterView))
            {
                UITableViewHeaderFooterView tableViewHeaderFooterView = (UITableViewHeaderFooterView)headerView;
                tableViewHeaderFooterView.TextLabel.TextAlignment = UITextAlignment.Center;
            }
        }

Answer 9

要改变高度，实现这个方法：

- (UIView *)tableView:(UITableView *)tableView 
                        viewForHeaderInSection:(NSInteger)section {

    return 15;
}

我不太确定默认标题的事情 - 这应该比它更容易。也许有人有一个漂亮的背景图像，你可以使用白色字体。但是对于居中的事情，试试这个：

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0,0,320,15)];
label.textAlignment = UITextAlignmentCenter

label.text = @"Text Should Be Centered";