删除 UISearchBar 左右两边的空格

Question

我正在创建一个 UI 组件，该组件应在下方显示 UILabel 和 UISearchBar。

但是，我无法对齐它们，UISearchBar 在左右两侧总是有额外的空间（红色突出显示）。

我试图通过布局锚点直接设置searchBarTextField的尺寸，但没有成功。

如果可能，我更愿意使用布局锚点。

SearchBar.m:

-(id) init {        
    self.titleLabel = [UILabel new];
    self.searchBar = self.searchController.searchBar;
    UIView *searchBarWrapper = [UIView new];

    [self.view addSubview:self.titleLabel];
    [self.view addSubview:searchBarWrapper];
    [searchBarWrapper addSubview:self.searchBar];

    [self.titleLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
    [searchBarWrapper setTranslatesAutoresizingMaskIntoConstraints:NO];
    [self.searchBar setTranslatesAutoresizingMaskIntoConstraints:NO];

    //[self.titleLabel.widthAnchor constraintEqualToAnchor:self.view.widthAnchor multiplier:1.0].active = YES;
    [self.titleLabel.heightAnchor constraintEqualToConstant:14.0].active = YES;
    [self.titleLabel.topAnchor constraintEqualToAnchor:self.view.topAnchor].active = YES;
    [self.titleLabel.leftAnchor constraintEqualToAnchor:self.view.leftAnchor].active = YES;
    [self.titleLabel.rightAnchor constraintEqualToAnchor:self.view.rightAnchor].active = YES;
    //[self.titleLabel.bottomAnchor constraintEqualToAnchor:searchBarTextField.topAnchor].active = YES;

    [searchBarWrapper.widthAnchor constraintEqualToAnchor:self.view.widthAnchor multiplier:1.0].active = YES;
    //[self.searchBar.heightAnchor constraintEqualToConstant:36.0].active = YES;
    [searchBarWrapper.topAnchor constraintEqualToAnchor:self.titleLabel.bottomAnchor].active = YES;
    [searchBarWrapper.bottomAnchor constraintEqualToAnchor:self.view.bottomAnchor].active = YES;
    [searchBarWrapper.leftAnchor constraintEqualToAnchor:self.view.leftAnchor].active = YES;
    [searchBarWrapper.rightAnchor constraintEqualToAnchor:self.view.rightAnchor].active = YES;

    [self.searchBar.topAnchor constraintEqualToAnchor:searchBarWrapper.topAnchor].active = YES;
    [self.searchBar.bottomAnchor constraintEqualToAnchor:searchBarWrapper.bottomAnchor].active = YES;
    [self.searchBar.leftAnchor constraintEqualToAnchor:searchBarWrapper.leftAnchor].active = YES;
    [self.searchBar.rightAnchor constraintEqualToAnchor:searchBarWrapper.rightAnchor constant:16.0].active = YES;

    return self;
}

UISearchBarTextField 嵌入在我无权访问的UIView 中。

约束：

@BenOng 的方法 - 效果很好，但在第一次点击后会中断：

Answer 1

UISearchBar 有这个属性searchFieldBackgroundPositionAdjustment:UIOffset，您可以将其设置为UIOffsetMake(-8,0) 以使文本字段的左侧与搜索栏的左边缘对齐。

在完整搜索栏应位于的位置创建一个 UIView，并将搜索栏设为子视图。将搜索栏的右边缘设置在其超级视图之外，直到右边缘与超级视图对齐，它应该多出大约 16 个点。确保superview的属性clipsToBounds设置为true，搜索栏背景多出的16点会被剪掉。