在 iOS7 中使用 UISearchBar 将子视图添加到 tableHeaderView 行为不端

Question

如何在一个 TableHeaderView 中添加两个简单的 UILabel 并保留 iOS7 中搜索显示控制器的默认搜索栏行为？

或者，视觉上：

为什么会有这段代码：

UIView *tableHeadView = self.tableView.tableHeaderView;   

UILabel *tableHeaderLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 36, 320, 30)];
[tableHeaderLabel setTextAlignment:NSTextAlignmentCenter];
tableHeaderLabel.font = [UIFont fontWithName:@"HelveticaNeue" size:18];
tableHeaderLabel.text = @"Questions"

UILabel *tableHeaderPrononce = [[UILabel alloc] initWithFrame:CGRectMake(0, 50, 320, 30)];
[tableHeaderPrononce setTextAlignment:NSTextAlignmentCenter];
tableHeaderPrononce.font = [UIFont fontWithName:@"HelveticaNeue-Light" size:15];
tableHeaderPrononce.text = @"test test test test";

[tableHeadView addSubview:tableHeaderLabel];
[tableHeadView addSubview:tableHeaderPrononce];

添加到 UITableViewController viewDidLoad 事件（其中包含 UISearchDisplayerController） 在 iOS6 中给出了这个可爱的结果：


而在 iOS7 中这个可怕的可怕结果：

行为： 在正常模式下，我添加的 UILabel 不会显示。当搜索处于活动状态时，UILabels 突然出现在表格单元格的顶部并且不会滚动

此外，我在 iOS 7 中搜索时遇到了崩溃，这在 iOS6 上从未发生过。可能与这段代码无关，但我应该提到这一点。

我尽我所能找到解决此问题的方法，但总是有其他东西中断或消失（主要是 UISearchBar）。

帮助

Answer 1

看，伙计，在你修改代码或对 iOS7 的行为感到沮丧之前，建议通过苹果提供的UI Transition Guide。

读完这篇你就会知道，为什么分组样式的tableView看起来很烦人，从ios7的角度来看一点也不烦人。 每个组都扩展了屏幕的整个宽度。

此外，如果您通读Search Bar and Scope Bar，则可以控制UISearchBar 的行为

我希望这会有所帮助。如果您需要所有代码，请告诉我们。我们可以提供样品。

这是所需的示例代码将 UISearchBar 添加到 View 而不是 TableViewHeader

• 将UISearchBar 添加到self.view

  searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0.0f,0.0f, 320, 44.0f)];
  searchBar.delegate         = self;
  searchBar.autoresizingMask = UIViewAutoresizingFlexibleWidth;
  searchBar.searchBarStyle = UISearchBarStyleMinimal;
  [self.view addSubview:searchBar];
  

• 将UITableView 添加到self.view

  tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 44, self.view.bounds.size.width, self.view.bounds.size.height) style:UITableViewStylePlain];
  tableView.delegate         = self;
  tableView.dataSource       = self;
  tableView.backgroundColor = [UIColor clearColor];
  tableView.autoresizingMask = (UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight);
  [self.view addSubview:tableView];
  

• 创建和添加UITableView.tableHeaderView

  UILabel *tableHeaderLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 320, 15)];
  [tableHeaderLabel setTextAlignment:NSTextAlignmentCenter];
  tableHeaderLabel.font = [UIFont fontWithName:@"HelveticaNeue" size:18];
  tableHeaderLabel.text = @"Questions";
  tableHeaderLabel.alpha = 0.9;
  
  UILabel *tableHeaderPrononce = [[UILabel alloc] initWithFrame:CGRectMake(0, 14, 320, 15)];
  [tableHeaderPrononce setTextAlignment:NSTextAlignmentCenter];
  tableHeaderPrononce.font = [UIFont fontWithName:@"HelveticaNeue-Light" size:15];
  tableHeaderPrononce.text = @"test test test test";
  tableHeaderPrononce.alpha = 0.7;
  
  UIView *aHeaderView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 320, 30)];
  [aHeaderView setBackgroundColor:[UIColor clearColor]];
  [aHeaderView addSubview:tableHeaderLabel];
  [aHeaderView addSubview:tableHeaderPrononce];
  tableView.tableHeaderView = aHeaderView;
  

结果如下：

搜索显示控制器

// Create search controller
searchController = [[UISearchDisplayController alloc] initWithSearchBar:searchBar contentsController:self];
searchController.searchResultsDataSource = self;
searchController.searchResultsDelegate   = self;
searchController.delegate                = self;

Answer 2

您可以通过如下所示的 UITableViewDelegate 方法简单地做到这一点：

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

    UIView *sectionHeaderView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.frame.size.width, 40)];
    sectionHeaderView.backgroundColor = [UIColor grayColor];
    UILabel *headerLabel = [[UILabel alloc] init];
    [sectionHeaderView addSubview:headerLabel];

    return sectionHeaderView;
}