使 UISearchBar 不像在联系人应用程序中那样滚动

Posted

技术标签:

【中文标题】使 UISearchBar 不像在联系人应用程序中那样滚动【英文标题】:Make UISearchBar not scrolling like in Contacts app 【发布时间】:2015-08-21 20:59:56 【问题描述】:

我正在尝试实现一个类似于 Contacts ios 应用程序的 UI,其中您有一个 UISearchBar 锚定在表格视图的顶部(如果您将其添加为表格视图标题,它将随着内容滚动),以及何时你开始搜索搜索栏会占用导航栏的空间。

我正在使用 UISearchController 的搜索栏。

尝试在表格视图的顶部添加容器视图,并以编程方式将搜索栏添加到其中,但问题是当搜索栏到达导航栏的位置时(由 UISearchController 自动完成)宽度比屏幕大...

这在模拟器和设备中都会发生。

任何(最好是非 hacky)方法来完成这个?

【问题讨论】:

【参考方案1】:

不要使用UITableViewController,使用标准UIViewController,并自己添加searchBartableview

这是一个示例代码:

- (void)viewDidLoad

    [super viewDidLoad];

    UISearchBar *searchBar = [[UISearchBar alloc] init];
    searchBar.translatesAutoresizingMaskIntoConstraints = NO;
    searchBar.delegate = self;
    [searchBar sizeToFit];

    UITableView *tableView = [[UITableView alloc] initWithFrame:CGRectZero style:UITableViewStylePlain];
    tableView.translatesAutoresizingMaskIntoConstraints = NO;
    tableView.delegate = self;
    tableView.dataSource = self;
    tableView.contentInset = UIEdgeInsetsMake(searchBar.frame.size.height, 0.0, 0.0, 0.0);
    [tableView reloadData];

    [self.view addSubview:tableView];
    [self.view addSubview:searchBar];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:searchBar attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.topLayoutGuide attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0.0]];
    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:searchBar attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1.0 constant:0.0]];
    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.view attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:searchBar attribute:NSLayoutAttributeRight multiplier:1.0 constant:0.0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:tableView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1.0 constant:0.0]];
    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:tableView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1.0 constant:0.0]];
    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.view attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:tableView attribute:NSLayoutAttributeRight multiplier:1.0 constant:0.0]];
    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:self.view attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:tableView attribute:NSLayoutAttributeBottom multiplier:1.0 constant:0.0]];

【讨论】:

以上是关于使 UISearchBar 不像在联系人应用程序中那样滚动的主要内容,如果未能解决你的问题,请参考以下文章

Android 应用程序不像在 Android Studio 中那样显示在设备上

关闭 UISearchBar 键盘而不影响取消按钮

颜色在 pyqtgraph 中不像在 matplotlib 中那样工作

使用 UISearchBar 关闭键盘,而不让第一响应者辞职

UISearchBar 像联系人一样着色

Swift 中的 UiSearchBar 到 UiCollectionView