如何在iOS中實現如下圖所示的搜索功能？

Question

上面的圖片是Gmail應用程序的示例。

我想要的是

圖片2-我想顯示這樣的建議列表，當用戶單擊該建議時，它必須根據該搜索值瀏覽下一個視圖

圖像3 A- （鍵入之前）當我單擊搜索欄按鈕時，要顯示此視圖，也要顯示圖像中所示的分段控件。

圖片3 B​​-用戶根據搜索值開始鍵入時，必須在表視圖上顯示數據。

我不了解表格視圖及其功能的詳細信息。 我想學習如何在iOS中實現此功能。

任何人都可以幫助我實現此功能。

Answer 1

第1步 ：只需創建一個搜索導航按鈕

    UIButton *searchButton =  [UIButton buttonWithType:UIButtonTypeCustom];
    [searchButton setImage:[UIImage imageNamed:@"search1"] forState:UIControlStateNormal];
    [searchButton addTarget:self action:@selector(searchButtonClicked) forControlEvents:UIControlEventTouchUpInside];
    [searchButton setFrame:CGRectMake(10, 0, 35, 35)];

     UIView *rightBarButtonItems = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 76, 32)];
    [rightBarButtonItems addSubview:searchButton];

    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:rightBarButtonItems];

步驟2 ：執行該操作后，編寫用於導航下一個視圖的代碼

- (IBAction)searchButtonClicked {

   SearchViewController * search=[self.storyboard instantiateViewControllerWithIdentifier:@"SearchViewControllerId"];
   [self.navigationController pushViewController:search animated:YES];

    }

第3步 ：獲取一個文本字段和分段控件（如下面的屏幕截圖所示），並在分段控件下方添加2個表格視圖並編寫代碼。

// This method used to allow select segmented button multiple times (multi-select segmented control)

-(void)setMultiSelectControl:(MultiSelectSegmentedControl *)multiSelectControl{
    _multiSelectControl = multiSelectControl;
    self.multiSelectControl.tag = 2;
    self.multiSelectControl.delegate = self;
}

-(void)multiSelect:(MultiSelectSegmentedControl *)multiSelecSegmendedControl didChangeValue:(BOOL)value atIndex:(NSUInteger)index{

if(index==0)
    {

    _multiSelectControl.selectedSegmentIndex=0;
    _tableview1.hidden=NO;
    _tableview2.hidden=YES;

    [_seachTextField resignFirstResponder];

    // your code

}

if (index==1) {

    _multiSelectControl.selectedSegmentIndex=1;

    _tableview1.hidden=YES;
    _tableview2.hidden=NO;

    [_seachTextField resignFirstResponder];

     // your code

}

}