首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我想在导航栏上单击搜索按钮时在导航栏上添加搜索栏

我想在导航栏上单击搜索按钮时在导航栏上添加搜索栏
EN

Stack Overflow用户
提问于 2013-11-12 20:37:58
回答 3查看 7.5K关注 0票数 0

我正在使用UItableView控制器,我无法将搜索栏添加到导航栏。我希望搜索栏来时,在导航栏上的搜索按钮被点击。如何在导航栏上添加搜索按钮和搜索栏。

EN

回答 3

Stack Overflow用户

发布于 2014-11-05 13:52:21

在按钮单击=> .m文件时添加此文件:

代码语言:javascript
复制
 UISearchBar  *sBar = [[UISearchBar alloc]initWithFrame:CGRectMake(0,10,self.navigationController.navigationBar.bounds.size.width,self.navigationController.navigationBar.bounds.size.height/2)];
sBar.delegate = self;
[self.navigationController.navigationBar addSubview:sBar];

并添加此=> .h文件

代码语言:javascript
复制
@interface ViewController : UIViewController<UISearchBarDelegate>
票数 0
EN

Stack Overflow用户

发布于 2015-10-06 15:00:38

要制作这样的搜索栏,您需要在导航栏控制器中插入按钮,并将背景图像设置为search.png(您的图像)。因此,当用户单击此按钮时,set target as searchbar将打开。请检查以下代码以供参考。

首先,在你的.h文件中设置委托方法。

代码语言:javascript
复制
@interface FriendsViewController : UIViewController <UISearchDisplayDelegate,UISearchBarDelegate,UIAlertViewDelegate>
 @property (nonatomic, strong) UIButton *searchButton;
 @property (nonatomic, strong) UIBarButtonItem *searchItem;
 @property (nonatomic, strong) UISearchBar *searchBar;
 @property (strong, nonatomic) UISearchController *searchController;
 @property (strong, nonatomic) UISearchDisplayController *d1;

然后在你的nevigationbar中插入按钮。

代码语言:javascript
复制
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
UIButton *btn=[[UIButton alloc]initWithFrame:CGRectMake(279,9,25, 25)];
[btn setImage:[UIImage imageNamed:@"search"] //put here your searchimage
forState:UIControlStateNormal];
[btn setTitle:@"" forState:UIControlStateNormal];
[btn addTarget:self action:@selector(clickme:) forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem *barbtn=[[UIBarButtonItem alloc]initWithCustomView:btn];
self.tabBarController.navigationItem.rightBarButtonItem=barbtn;
[self.tabBarController.navigationController.navigationBar setHidden:NO];

现在你必须在你的clickme方法上设置搜索控制器。

代码语言:javascript
复制
- (IBAction)clickme:(id)sender{
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 300, 44.0)];
searchBar.autoresizingMask =0;
searchBar.delegate = self;
searchBar.placeholder = @"Search for items...";
searchBar.showsScopeBar=YES;

UIView *searchBarWrapper = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 44)];
searchBarWrapper.autoresizingMask = 0;
[searchBarWrapper addSubview:searchBar];

self.searchItem = [[UIBarButtonItem alloc] initWithCustomView:searchBarWrapper];
self.tabBarController.navigationItem.leftBarButtonItem = self.searchItem;

self.navigationItem.rightBarButtonItem = nil;
self.navigationItem.titleView = nil;

  ////////////// ~ Search Display Controller as Object ~/////////////////////////////

self.d1 = [[UISearchDisplayController alloc] initWithSearchBar:searchBar contentsController:self];
self.d1.delegate = self;
self.d1.searchResultsDataSource = self;
self.d1.searchResultsDelegate = self;
self.d1.searchResultsTableView.rowHeight = 40;
self.d1.displaysSearchBarInNavigationBar = YES;
self.searchBar.translucent = NO;
self.searchBar.barTintColor = [UIColor grayColor];
self.d1.searchBar.tintColor = [UIColor blueColor];

[searchBar sizeToFit];

}

当你点击搜索图标时

票数 0
EN

Stack Overflow用户

发布于 2013-11-12 20:48:58

对于搜索按钮,如果需要,可以使用UIBarButtonSystemItemSearch。

代码语言:javascript
复制
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]
                               initWithBarButtonSystemItem:UIBarButtonSystemItemSearch
                               target:self
                               action:@selector(actionSearch:)];

你可以将搜索栏设置为导航栏的标题视图。

代码语言:javascript
复制
self.navigationItem.titleView = mySearchBar;
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19929406

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档