web-dev-qa-db-ja.com

iOS7のUISearchBarの境界線を削除します

IOS 7でUISearchBarの境界線を削除しようとしています。iOS6では正常に動作しています。 UISearchBarをプログラムで作成しました。 Stack OverflowとGoogleのほぼすべてを試しました。

探しているSearchBar
SearchBar looking right now

私が達成したいこと
What i want to achieve

私は以下に挙げたこれらすべてのものを試しました

searchBar.layer.borderWidth = 1;
searchBar.layer.borderColor = [[UIColor whiteColor] CGColor];

そして

for (id img in searchBar.subviews)
{       
     if ([img isKindOfClass:NSClassFromString(@"UISearchBarBackground")])
     {     
            [img removeFromSuperview];    
     }
}

そして

for (UIView *sub in self.tableView.tableHeaderView.subviews) {
    if ([sub isKindOfClass:[UIImageView class]]) {
        sub.hidden = YES;
    }
}

しかし、まだ成功していません。

iosuisearchbar
47
iEngineer

私は解決策を見つけました：barTintColorのUISearchBarをclearColorに設定します

topSearchBar.barTintColor = [UIColor clearColor];
24
iEngineer

IBの検索バープロパティで検索スタイル=最小に設定

または

Swift:
searchBar.searchBarStyle = UISearchBarStyleMinimal;

Swift 3:
searchBar.searchBarStyle = .minimal;
92
nerowolfe

SearchBarStyleをUISearchBarStyleMinimalに設定すると色の設定が台無しになったため、代わりにこれを行うと問題が修正されました。

[self.searchField setBackgroundImage:[[UIImage alloc]init]];

Swift 4：

searchField.setBackgroundImage(UIImage(), for: .any, barMetrics: UIBarMetrics.default)
56
Rich Fox

Swiftの場合、次の2行で十分です。

self.search.translucent = false
self.search.backgroundImage = UIImage()

次に、必要な色を適用します。

self.search.barTintColor = UIColor.redColor()
24
Alap Anerao

これは、.borderStyle = UITextBorderStyleLine; 。

私の実験の結論、

  • IOS7以降を使用していて、設定する場合は、searchBar.barTintColor = [UIColor clearColor];この場合、UISearchBarの背景色をカスタマイズできません。

  • searchBarStyleをUISearchBarStyleMinimalに設定すると、@ Rich Foxが言ったようにUISearchBarの色が乱れます。

そう、 [self.searchField setBackgroundImage:[[UIImage alloc]init]];境界線を削除するソリューション。

サンプルで更新：

UISearchBar *search = [[UISearchBar alloc] init];
search.tag = kTagSearchBar;
search.delegate = self;
search.tintColor = [UIColor redColor];
search.searchBarStyle = UISearchBarStyleMinimal;
search.frame = CGRectMake(0, 0, 320, 50);
search.placeholder = @"Search";
search.barTintColor = [UIColor blueColor];
search.translucent = NO;
search.opaque = NO;
search.showsCancelButton = NO;
[search setBackgroundImage:[[UIImage alloc] init]];
[self.view addSubview:search];

//customize textfield inside UISearchBar
@try {
    for (id object in [[[search subviews] firstObject] subviews])
    {
        if (object && [object isKindOfClass:[UITextField class]])
        {
            UITextField *textFieldObject = (UITextField *)object;
            textFieldObject.backgroundColor = [UIColor whiteColor];
            textFieldObject.borderStyle = UITextBorderStyleLine;
            textFieldObject.layer.borderColor = [UIColor blueColor].CGColor;
            textFieldObject.layer.borderWidth = 1.0;
            break;
        }
    }
}
@catch (NSException *exception) {
    NSLog(@"Error while customizing UISearchBar");
}
@finally {

}

あなたに与えます：

enter image description here

11
Hemang

barTintColor、backgroundImageもbackgroundColorだけでも私のためにそれをしていませんでしたが、それらを一緒にやることは私のために働きました：

self.searchBar.translucent      = NO;
self.searchBar.barTintColor     = [styleManager currentSearchBarTintColor];
self.searchBar.backgroundImage  = [UIImage new];
self.searchBar.backgroundColor  = [styleManager currentSearchBarTintColor];
3
Kreeble Song
self.searchBar.translucent = NO;
self.searchBar.opaque = NO;
if ([self.searchBar respondsToSelector:@selector(setSearchBarStyle:)]) {
    self.searchBar.searchBarStyle = UISearchBarStyleMinimal;
}

// iOS 7 remove 1 px bottom border
if ([self.searchBar respondsToSelector:@selector(setBarTintColor:)]) {
    self.searchBar.barTintColor = [UIColor clearColor];
}
self.searchBar.barStyle = UIBarStyleDefault;

// to remove the 1px bottom border iOS 5, 6
[self.searchBar setBackgroundImage:[UIImage imageWithColor:[UIColor clearColor] andSize:CGSizeMake(1.0f, 1.0f)]];

コードの順序は重要なようです。 searchBarStyleの前にbarStyleを設定すると機能しません。

1
George Lai

Xcode 7.2のSwift 2.1、これは私のために働いた。

self.searchController.searchBar.backgroundImage = UIImage()

以下の私の完全なコード。

searchController.searchResultsUpdater = self
searchController.dimsBackgroundDuringPresentation = false
self.searchController.searchBar.sizeToFit() 
tableView.sectionIndexBackgroundColor = UIColor(red: 0/255, green: 181/255, blue: 229/255, alpha: 1.0)
self.searchController.searchBar.backgroundColor = UIColor(red: 0/255, green: 181/255, blue: 229/255, alpha: 1.0)
self.searchController.searchBar.barTintColor = UIColor(red: 0/255, green: 181/255, blue: 229/255, alpha: 1.0)
self.searchController.searchBar.backgroundImage = UIImage()
definesPresentationContext = true
tableView.tableHeaderView = searchController.searchBar
1
Kyle KIM

はい。答えはたくさんありますが、複雑すぎます。私はこの解決策を見つけました：

Swift 3（4）

searchBar.setBackgroundImage(UIImage(), for: .top, barMetrics: .default)
searchBar.backgroundColor = .primary

.primaryは

extension UIColor {

    static var primary:UIColor {
        return "#5163F4".color
    }
}
0
Daniil Chuiko
- (void)createNavigationBar
{
    _searchBar = [[UISearchBar alloc]init];
    _searchBar.backgroundColor = [UIColor whiteColor];
    _searchBar.placeholder = @"Search";
    _searchBar.translatesAutoresizingMaskIntoConstraints = NO;

    self.navigationItem.titleView = _searchBar;
    NSDictionary *viewsDictionary = @{@"SearchBar":_searchBar};
    NSArray *constraint_POS_V = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-5-[SearchBar(30)]|"
                                                                        options:0
                                                                        metrics:nil
                                                                          views:viewsDictionary];
    NSArray *constraint_POS_H = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-15-[SearchBar]-15-|"
                                                                        options:0
                                                                        metrics:nil
                                                                          views:viewsDictionary];
    [_searchBar.superview addConstraints:constraint_POS_V];
    [_searchBar.superview addConstraints:constraint_POS_H];

}

enter image description here

0
David