42

通常、UISearchDisplayControllerをアクティブにすると、tableViewが暗くなり、searchBarがフォーカスされます。searchBarにテキストを入力するとすぐに、searchBarとキーボードの間に表示されるsearchResultsTableViewが作成されます。searchDisplayControllerのデリゲートは、この2番目のUITableViewがロード/表示/非表示/アンロードされるときに呼び出されます。通常、入力中にライブ検索結果またはオートコンプリートエントリが表示されます。

私のアプリでは、Webサービスを検索したいのですが、ユーザーが入力した文字ごとにWebサービスを呼び出したくありません。したがって、searchResultsTableViewを完全に無効にし、テキストを入力している間、淡色表示の黒いオーバーレイを保持したいと思います。次に、彼が検索ボタンを押すと、（ロード画面で）検索をトリガーします。

searchResultsTableViewにゼロ行を返すだけでは、「結果なし」メッセージを含む空のsearchResultsTableViewが表示されるため、見栄えがよくありません。表示されたときにテーブルを非表示にしようとしましたが（searchDisplayController:didLoadSearchResultsTableView:）、黒く淡色表示されたオーバーレイも非表示になっているため、基になるtableViewが再び完全に表示されます。

UISearchDisplayController機能を最初から再作成する以外に何かアイデアはありますか？

4

10 に答える 10

38

これが私が理解したちょっとしたトリックです。また、検索文字列の編集中に0件の結果を返す必要があります。

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
{
    savedSearchTerm = searchString;

    [controller.searchResultsTableView setBackgroundColor:[UIColor colorWithWhite:0.0 alpha:0.8]];
    [controller.searchResultsTableView setRowHeight:800];
    [controller.searchResultsTableView setScrollEnabled:NO];
    return NO;
}

- (void)searchDisplayController:(UISearchDisplayController *)controller didHideSearchResultsTableView:(UITableView *)tableView
{
    // undo the changes above to prevent artefacts reported below by mclin
}

私はあなたが次に何をすべきかを理解すると思います

于 2009-10-02T00:59:33.507 に答える
19

これを試しましたか：

[NSObject cancelPreviousPerformRequestsWithTarget:self selector:@selector(_lookup:) object:nil];
[self performSelector:@selector(_lookup:) withObject:txt afterDelay:0.20];

このように、ユーザーが1/5秒以内に別の文字を入力した場合、1回のWeb呼び出しのみを行います。

于 2009-09-10T16:51:14.087 に答える
9

上記のどれも最終的にはうまく機能していないようだったので、私は次のことを思いつきました（結果を表示する準備ができたらremoveTableHeaderを呼び出す必要があります）：

- (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar {
    [self setTableHeader];
}

- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText {
    [self setTableHeader];
}

- (void)setTableHeader {
    UIView *headerView = [[UIView alloc] initWithFrame:self.searchDisplayController.searchResultsTableView.frame];
    headerView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.8];

    [self.searchDisplayController.searchResultsTableView setBackgroundColor:[UIColor clearColor]];
    [self.searchDisplayController.searchResultsTableView setScrollEnabled:NO];
    [self.searchDisplayController.searchResultsTableView setTableHeaderView:headerView];

    [headerView release];
}

- (void)removeTableHeader {
    [self.searchDisplayController.searchResultsTableView setBackgroundColor:[UIColor whiteColor]];
    [self.searchDisplayController.searchResultsTableView setScrollEnabled:YES];
    [self.searchDisplayController.searchResultsTableView setTableHeaderView:nil];
}

明らかに、テーブルを透明にし、テーブルと同じサイズの黒/半透明のテーブルヘッダーを追加し、テーブルのスクロールを無効にして、ヘッダーの上または上を通過できないようにします。ボーナスとして、ヘッダービューに何かを追加することができます（「お待ちください...」またはアクティビティインジケーター）。

于 2011-09-03T17:00:01.657 に答える
9

あなたと同じ問題がありましたが、 a ）検索を開始するときにsearchResultsTableViewのアルファを0に設定し、b） viewControllerのビューにoverlayViewを追加/削除することで対処しました。私にとっては魅力のように機能します。

@interface MyViewController()
//...
@property(nonatomic, retain) UIView *overlayView;
//...
@end

@implementation MyViewController
@synthesize overlayView = _overlayView;

//...

- (void)viewDidLoad
{
    //...

    //define your overlayView
    _overlayView = [[UIView alloc] initWithFrame:CGRectMake(0, 44, 320, 480)];
    _overlayView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.8];
}

//hide the searchResultsTableView
- (void)searchDisplayControllerWillBeginSearch:(UISearchDisplayController *)controller
{
    self.searchDisplayController.searchResultsTableView.alpha = 0.0f;
}

//when ending the search, hide the overlayView
- (void) searchDisplayControllerWillEndSearch:(UISearchDisplayController *)controller
{
    [_overlayView removeFromSuperview];
}

//depending on what the user has inputed, add or remove the overlayView to the view of the current viewController 
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
{   

    if ([searchString length]>0) 
    {
        [self.view addSubview:_overlayView];
    }
    else
    {
        [_overlayView removeFromSuperview];
    }

    return NO;
}

@end
于 2012-01-30T15:28:48.627 に答える
2

UISearchDisplayDelegate（通常はカスタムUITableViewControllerサブクラス）に次のメソッドを実装するだけで十分です。

- (BOOL) searchDisplayController: (UISearchDisplayController *) controller shouldReloadTableForSearchString: (NSString *) searchString
{
    [self startMyCustomWebserviceSearchAsBackgroundProcessForString: searchString]; //starts new NSThread
    return NO; 
}

これを試しましたか？

于 2009-08-01T13:25:58.947 に答える
2

以下のuser182820のコードに基づいて、私のバージョンです。UISearchDisplayControllerのテーブルビューを非表示にします。検索ボックスに文字を入力すると、「薄暗いビュー」を配置して、UISearchDisplayControllerの「薄暗いビュー」が消えることがないように見せ、検索が終了したら削除します。一部の文字を入力して[キャンセル]を押すと、テーブルビューが一時的に真っ白になり、これを回避する方法がわかりません。

- (void)viewDidLoad {
    ...
    tableViewMask=[UIView new];
    tableViewMask.backgroundColor = [UIColor blackColor];
    tableViewMask.alpha = 0.8;
}

- (void)searchDisplayControllerDidBeginSearch:(UISearchDisplayController *)controller{
    tableViewMask.frame=CGRectMake(self.tableView.frame.origin.x, self.tableView.frame.origin.y+controller.searchBar.frame.size.height, self.tableView.frame.size.width, self.tableView.frame.size.height-controller.searchBar.frame.size.height);
    controller.searchResultsTableView.hidden=YES;
}

- (void)searchDisplayControllerWillEndSearch:(UISearchDisplayController *)controller{
    [tableViewMask removeFromSuperview];
}

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString{
    if (searchString.length==0)
        [tableViewMask removeFromSuperview];
    else 
        [self.tableView addSubview:tableViewMask];
    [searchText autorelease];
    searchText=[searchString retain];
    return NO;
}
于 2010-03-28T19:54:13.160 に答える
2

これと同じくらい簡単にやるのはどうですか？

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
{
self.searchDisplayController.searchResultsTableView.hidden=YES;
return YES;
}

私にとってはうまくいきます。

于 2012-11-04T20:37:22.260 に答える
1

「ベストアンサー」にバグがあるので、私はより良い方法を見つけました-黒い背景のテーブルをスクロールすると、セパレーターと「結果なし」が表示されます。

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString {

    controller.searchResultsTableView.backgroundColor = [UIColor blackColor];
    controller.searchResultsTableView.alpha = 0.8;
    controller.searchResultsTableView.separatorStyle = UITableViewCellSeparatorStyleNone;

    for(UIView *subview in tableView.subviews) {
        if([subview isKindOfClass:UILabel.class]) {
            subview.hidden = YES;
        }
    }

    return NO;
}

- (void) searchBarSearchButtonClicked:(UISearchBar *)searchBar {

    self.searchDisplayController.searchResultsTableView.backgroundColor = [UIColor whiteColor];
    self.searchDisplayController.searchResultsTableView.alpha = 1;
    self.searchDisplayController.searchResultsTableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;

    for(UIView *subview in tableView.subviews) {
        if([subview isKindOfClass:UILabel.class]) {
            subview.hidden = NO;
        }
    }

    // search results and reload data ....
}
于 2010-08-17T08:49:43.437 に答える
1

既存の答えはすべて非常に複雑です。結果テーブルビューをすぐに非表示にするだけで、逃げることができます。

-(void)searchDisplayController:(UISearchDisplayController *)controller didShowSearchResultsTableView:(UITableView *)tableView
{
    tableView.hidden = YES;
}
于 2014-06-24T17:15:17.913 に答える
0

私はこの問題のより良い実装を見つけたと思います。これまでのすべての回答は、検索前のUITableViewと同じ淡色表示を正しく示していますが、各ソリューションには、検索をキャンセルするために領域をタップする機能がありません。

そのため、このコードの方がうまくいくと思います。

まず、searchButtonTappedなどのBOOLを作成して、検索ボタンがタップされたかどうかを示します。デフォルトではNOです。

それで：

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString {
if (!searchButtonTapped) {        
    // To prevent results from being shown and to show an identical look to how the tableview looks before a search
    [controller.searchResultsTableView setBackgroundColor:[UIColor clearColor]];
    [controller.searchResultsTableView setRowHeight:160];
    self.searchDisplayController.searchResultsTableView.scrollEnabled = NO;
} else {
    // Restore original settings
    [controller.searchResultsTableView setBackgroundColor:[UIColor whiteColor]];
    [controller.searchResultsTableView setRowHeight:44];
    self.searchDisplayController.searchResultsTableView.scrollEnabled = YES;
}

return YES;
}

これは、他の回答に基づいて明確になっているはずです。ユーザーが[検索]ボタンをタップしたときにも、必ず元の設定に戻してください。

さらに、cellForIndexPathメソッドに次を追加します。

cell.selectionStyle = UITableViewCellSelectionStyleNone;
cell.contentView.backgroundColor = [UIColor colorWithWhite:0.0 alpha:0.8];

テキストを入力する前に表示されるのと同じ淡色表示を作成するため。これらのプロパティを右側のセルに適用していることを確認してください。つまり、アクティブなUITableViewを確認し、ユーザーが[検索]ボタンをタップしていないことを確認してください。

次に、決定的に、didSelectRowAtIndexPathで：

if (tableView == self.searchDisplayController.searchResultsTableView) {
    if (searchButtonTapped) {
           // Code for when the user select a row after actually having performed a search
    {
else 
    [self.searchDisplayController setActive:NO animated:YES];

これで、ユーザーは淡色表示された領域をタップできます。これにより、UITableViewCellが表示されて選択されることはなく、代わりに検索がキャンセルされます。

于 2011-11-01T20:22:33.773 に答える