Add a search bar to the iOS table view

Here's what we want to achieve. This effect is changed on the basis of the previous custom table view.

1. Drag the search bar and search display to the Viewcontroller. Do not add search Bar.

2. Modify the Viewcontroller header file

CPP Code

1. #import <UIKit/UIKit.h>
3. @interface Ikrboyviewcontroller4:uiviewcontroller
4. {
5. Nsarray *dataarr; //To display data for a table view
6. Nsarray *alldataarr; //Store all data and assign search results to Dataarr by keyword search
7. }
8. @property (Weak, nonatomic) Iboutlet Uisearchbar *searchbar;
10. @end

#import <UIKit/UIKit.h> @interface ikrboyviewcontroller4:uiviewcontroller{    nsarray *dataarr;//data for displaying table views    Nsarray *alldataarr;//stores all data and assigns search results to Dataarr} @property (weak, nonatomic) Iboutlet uisearchbar *searchbar by keyword search ; @end

3. Modify the custom method Inittableviewdata. Hiding Scopebar is an issue that takes into account the iphone's display height. may be determined at its discretion.

CPP Code

2. -(void) inittableviewdata{
4. NSBundle *bundle = [NSBundle mainbundle];
6. NSString *plistpath = [bundle pathforresource:@"User_head" oftype:@ "plist"];
8. Alldataarr = [[Nsarray alloc] initwithcontentsoffile:plistpath];
10. Dataarr = [Nsarray Arraywitharray:alldataarr];
12. NSLog (@"table data Count =%d", [Alldataarr Count]);
16. //Set Search bar Scopebar Hide
18. [Self.searchbar Setshowsscopebar:no];
20. [Self.searchbar SizeToFit];
22. }

-(void) inittableviewdata{    nsbundle *bundle = [NSBundle mainbundle];    NSString *plistpath = [Bundle pathforresource:@ "User_head" oftype:@ "plist"];    Alldataarr = [[Nsarray alloc] initwithcontentsoffile:plistpath];    Dataarr = [Nsarray Arraywitharray:alldataarr];    NSLog (@ "table data Count =%d", [Alldataarr Count]);        Set the search bar Scopebar hide    [Self.searchbar setshowsscopebar:no];    [Self.searchbar SizeToFit];}

4. Add three event triggers for Searchbar

CPP Code

2. The following three methods implement the search function of Searchbar
4. Reload message to Table view data source when text content changes
6. -(BOOL) Searchdisplaycontroller: (Uisearchdisplaycontroller *) controller shouldreloadtableforsearchstring: ( NSString *) SearchString
8. {
10. [Self filtercontentforsearchtext:searchstring scope:self.searchBar.selectedScopeButtonIndex];
12. //yes case The table view can be Reloaded
14. return YES;
16. }
20. Reload message to Table view data source when scope bar chooses to send changes
22. -(BOOL) Searchdisplaycontroller: (Uisearchdisplaycontroller *) controller shouldreloadtableforsearchscope: ( Nsinteger) SearchOption
24. {
26. [Self filterContentForSearchText:self.searchBar.text scope:searchoption];
28. //Yes Case table view can be Reloaded
30. return YES;
32. }
36. Click the Cancel button for the event
38. -(void) searchbarcancelbuttonclicked: (Uisearchbar *) Searchbar
40. {
42. //Query all
44. [Self filtercontentforsearchtext:@"" scope:-1];
46. }

The following three methods implement Searchbar's search function//When the text content changes, issue a reload message to the table view data source-(BOOL) Searchdisplaycontroller: (Uisearchdisplaycontroller *) Controller shouldreloadtableforsearchstring: (NSString *) searchstring{    [self filtercontentforsearchtext: SearchString Scope:self.searchBar.selectedScopeButtonIndex];    Yes, the table view can reload    return yes; Reload message to Table view data source when the scope bar chooses to send changes-(BOOL) Searchdisplaycontroller: (Uisearchdisplaycontroller *) controller Shouldreloadtableforsearchscope: (Nsinteger) searchoption{    [self filtercontentforsearchtext: Self.searchBar.text Scope:searchoption];    Yes, the table view can reload    return yes; Click the Cancel button event-(void) searchbarcancelbuttonclicked: (Uisearchbar *) searchbar{    //query all    [self filtercontentforsearchtext:@ "" Scope:-1];}

5. Custom keyword search function

CPP Code

2. A custom search method that searches from Alldataarr for elements that satisfy the search criteria and assigns the matched array to Dataarr, because Dataarr is the data source for the table view, so the table view's records change accordingly.
4. -(void) Filtercontentforsearchtext: (nsstring*) searchtext scope: (nsuinteger) scope;
6. {
8. if ([SearchText length]==0)
10. {
12. //Query all
14. Dataarr = [Nsarray Arraywitharray:alldataarr];
16. NSLog (@"dataarr count =%d", [Dataarr Count]);
18. return;
20. }
24. Nspredicate *scopepredicate;
28. switch (scope) {
30. Case 0:
32. Scopepredicate = [Nspredicate predicatewithformat:@"(Self.itemname contains[c]%@) OR (Self.itemimagepath contains  [C]%@) ", Searchtext,searchtext];
34. NSLog (@"searchtext=%@", SearchText);
36. Dataarr =[nsarray Arraywitharray:[alldataarr Filteredarrayusingpredicate:scopepredicate];
38. Break ;
40. Case 1:
42. Scopepredicate = [nspredicate predicatewithformat:@"Self.itemname contains[c]%@", SearchText];
44. Dataarr = [Nsarray arraywitharray:[alldataarr filteredarrayusingpredicate:scopepredicate]];
46. Break ;
48. Case 2:
50. Scopepredicate = [nspredicate predicatewithformat:@"Self.itemimagepath contains[c]%@", SearchText];
52. Dataarr =[nsarray Arraywitharray:[alldataarr Filteredarrayusingpredicate:scopepredicate];
54. Break ;
56. }
58. }

A custom search method that searches from Alldataarr for elements that satisfy the search criteria and assigns the matched array to Dataarr, because Dataarr is the data source for the table view, so the table view's records change accordingly. -(void) Filtercontentforsearchtext: (nsstring*) searchtext scope: (nsuinteger) scope;        {if ([SearchText length]==0) {//query all Dataarr = [Nsarray Arraywitharray:alldataarr];        NSLog (@ "Dataarr count =%d", [Dataarr Count]);    Return        } nspredicate *scopepredicate; Switch (scope) {Case 0:scopepredicate = [Nspredicate predicatewithformat:@ "(Self.itemname Contains[c]            %@) OR (Self.itemimagepath contains[c]%@) ", Searchtext,searchtext];            NSLog (@ "searchtext=%@", SearchText);            Dataarr =[nsarray Arraywitharray:[alldataarr Filteredarrayusingpredicate:scopepredicate];        Break            Case 1:scopepredicate = [nspredicate predicatewithformat:@ "Self.itemname contains[c]%@", SearchText];            Dataarr = [Nsarray arraywitharray:[alldataarr filteredarrayusingpredicate:scopepredicate]];        Break CASE 2:scopepredicate = [nspredicate predicatewithformat:@ "Self.itemimagepath contains[c]%@", SearchText];            Dataarr =[nsarray Arraywitharray:[alldataarr Filteredarrayusingpredicate:scopepredicate];    Break }}

6. Modify the Cellforrowatindexpath method

CPP Code

2. -(UITableViewCell *) TableView: (UITableView *) TableView Cellforrowatindexpath: (Nsindexpath *) Indexpath
4. {
6. static NSString *cellidentifier = @"Mytablecell";
8. Mytableviewcell *cell = [TableView dequeuereusablecellwithidentifier:cellidentifier];
10. //add code begin:important,for showing searching results
12. //Do not judge the cell null value, will result in the search, can not find the corresponding identifier cell and error.
14. if (cell = = nil) {
16. //Search results using a simple table view cell's style, not a custom table view cell's style
18. cell = [[Mytableviewcell alloc] Initwithstyle:uitableviewcellstylesubtitle reuseidentifier:cellidentifier];
20. Nsuinteger row = [Indexpath row];
22. Nsdictionary *rowdict = [Dataarr objectatindex:row];
24. Cell.textLabel.text = [rowdict objectforkey:@"ItemName"];
26. NSString *imagepath = [rowdict objectforkey:@"Itemimagepath"];
28. Cell.imageView.image = [UIImage Imagenamed:imagepath];
30. }
32. //add code End
36. Nsuinteger row = [Indexpath row];
38. Nsdictionary *rowdict = [Dataarr objectatindex:row];
40. Cell.label.text = [rowdict objectforkey:@"ItemName"];
42. NSLog (@"Cell.label.text =%@", [rowdict objectforkey:@"ItemName"]);
46. NSString *imagepath = [rowdict objectforkey:@"Itemimagepath"];
48. Cell.image.image = [UIImage Imagenamed:imagepath];
50. NSLog (@"cell.image.image =%@", ImagePath);
54. Cell.accessorytype = Uitableviewcellaccessorydisclosureindicator;
58. return cell;
60. }

-(UITableViewCell *) TableView: (UITableView *) TableView Cellforrowatindexpath: (Nsindexpath *) indexpath{static    NSString *cellidentifier = @ "Mytablecell";    Mytableviewcell *cell = [TableView dequeuereusablecellwithidentifier:cellidentifier];    Add code begin:important,for showing searching results//does not determine the cell null value, will cause the search, the corresponding identifier can not find the cell and error. if (cell = = nil) {//Search results using a simple table view cell's style, not a custom table view cell's style cell = [[Mytableviewcell alloc] Initwithstyle:uit        Ableviewcellstylesubtitle Reuseidentifier:cellidentifier];        Nsuinteger row = [Indexpath row];        Nsdictionary *rowdict = [Dataarr objectatindex:row];        Cell.textLabel.text = [rowdict objectforkey:@ "ItemName"];        NSString *imagepath = [rowdict objectforkey:@ "Itemimagepath"];    Cell.imageView.image = [UIImage Imagenamed:imagepath];    }//add code end Nsuinteger row = [Indexpath row];    Nsdictionary *rowdict = [Dataarr objectatindex:row]; Cell.label.text = [Rowdict Objectforkey:@ "ItemName"];        NSLog (@ "Cell.label.text =%@", [rowdict objectforkey:@ "ItemName"]);    NSString *imagepath = [rowdict objectforkey:@ "Itemimagepath"];    Cell.image.image = [UIImage Imagenamed:imagepath];        NSLog (@ "cell.image.image =%@", ImagePath);        Cell.accessorytype = Uitableviewcellaccessorydisclosureindicator; return cell;}

Add a search bar to the iOS table view