UISearchBar 与 iMac Finder 搜索功能相同

Posted

技术标签:

【中文标题】UISearchBar 与 iMac Finder 搜索功能相同【英文标题】:UISearchBar same as like iMac Finder Search Functionality 【发布时间】:2013-06-22 06:42:26 【问题描述】:

我遇到了一个要求,其中我有 UISearchBar,如下所示。

步骤:1(搜索栏的初始外观)

步骤:2(用户输入字符串并立即搜索)

步骤:3(在搜索列表中选择其中任何一个)

步骤:4(在搜索栏上添加按钮)

第 5 步(最后对按钮执行操作)

这可能会继续。我的意思是他可以输入更多的文字,但功能应该是一样的。

谁能帮帮我?拜托,我有需要。

更新

您可以在 iMac Finder 搜索上观看相同的功能

这是我尝试过的。

#import "ViewController.h"
#import "customPopOverController.h"
#import <QuartzCore/QuartzCore.h>
@interface ViewController ()
@property (strong, nonatomic) UIView *searchView;
@property (strong, nonatomic) UITableView *sampleView;
@property (strong, nonatomic) NSMutableArray *arrayForListing;
@property (strong, nonatomic) UITextField *txtFieldSearch;
@end

@implementation ViewController
@synthesize searchView = _searchView;
@synthesize customPopOverController = _customPopOverController;
@synthesize txtFieldSearch = _txtFieldSearch;
@synthesize sampleView = _sampleView;
@synthesize arrayForListing = _arrayForListing;
@synthesize btnforExtra = _btnforExtra;
- (void)viewDidLoad

    [super viewDidLoad];
    self.arrayForListing = [[NSMutableArray alloc]init];
    [self loadTheSearchView];
    [self applyUIStyle];

- (void)loadTheSearchView

    self.searchView = [[UIView alloc]initWithFrame:CGRectMake(20, 100, 280, 44)];
    [self.searchView setBackgroundColor:[UIColor whiteColor]];
    [self.view addSubview:self.searchView];
    [self placeTheTextView];

- (void)placeTheTextView

    self.txtFieldSearch = [[UITextField alloc]initWithFrame:CGRectMake(25, 9, 230, 30)];
    [self.txtFieldSearch setDelegate:self];
    [self.searchView addSubview:self.txtFieldSearch];

- (void)applyUIStyle

    self.searchView.layer.cornerRadius = 20.0f;

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField

    return YES;

- (void)textFieldDidBeginEditing:(UITextField *)textField


- (BOOL)textFieldShouldEndEditing:(UITextField *)textField

    return YES;

- (void)textFieldDidEndEditing:(UITextField *)textField



- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string

    if(textField.text.length!=0)
    
        [self.arrayForListing removeAllObjects];
        [self.arrayForListing addObject:[NSString stringWithFormat:@"File Contains %@",textField.text]];

        [self callThePop];
    
    return YES;

- (void)callThePop

    UIViewController *contentViewController = [[UIViewController alloc] init];
    contentViewController.contentSizeForViewInPopover = CGSizeMake(self.searchView.frame.size.width, 50);
    self.sampleView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, contentViewController.contentSizeForViewInPopover.width, contentViewController.contentSizeForViewInPopover.height)];
    [self.sampleView setDelegate:self];
    [self.sampleView setDataSource:self];
    [self.sampleView setSeparatorStyle:UITableViewCellSeparatorStyleSingleLineEtched];
    [self.sampleView setBackgroundColor:[UIColor clearColor]];
    [contentViewController.view addSubview:self.sampleView];

    self.customPopOverController = [[customPopOverController alloc]initWithContentViewController:contentViewController];
    self.customPopOverController.delegate = self;

    UISwipeGestureRecognizer *swipeRight = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(callYourMethod:)];
    swipeRight.direction = UISwipeGestureRecognizerDirectionRight;
    [self.sampleView addGestureRecognizer:swipeRight];

    [self.customPopOverController presentPopoverFromRect:self.searchView.frame inView:self.view  permittedArrowDirections:(UIPopoverArrowDirectionUp|UIPopoverArrowDirectionDown| UIPopoverArrowDirectionLeft|UIPopoverArrowDirectionRight) animated:YES];

- (BOOL)textFieldShouldClear:(UITextField *)textField

    return YES;

- (BOOL)textFieldShouldReturn:(UITextField *)textField

    [textField resignFirstResponder];
    return YES;

- (void)didReceiveMemoryWarning

    [super didReceiveMemoryWarning];

#pragma mark - Table View Delegate Methods
#pragma mark
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

    return self.arrayForListing.count;

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

    return 1;

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

    static NSString *CellIdentifer = @"Cell";
    UITableViewCell *cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifer];
    if (cell == nil)
    
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifer];
    
    cell.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    [cell.textLabel setTextAlignment:UITextAlignmentCenter];
    [cell.textLabel setNumberOfLines:0];
    [cell.textLabel setLineBreakMode:UILineBreakModeCharacterWrap];
    cell.textLabel.text = [self.arrayForListing objectAtIndex:indexPath.row];
    [cell.textLabel setFont:[UIFont fontWithName:@"TrebuchetMS" size:14]];
    cell.textLabel.textColor = [UIColor whiteColor];
    return cell;

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

    if (self.customPopOverController)
    
        [self.customPopOverController dismissPopoverAnimated:YES];
    
    UITableViewCell * cell = (UITableViewCell *)[tableView cellForRowAtIndexPath:indexPath];
    if (self.txtFieldSearch.text.length == 0)
    
        self.txtFieldSearch.text = cell.textLabel.text;
    
    else
    
        self.btnforExtra = [[UIButton alloc]initWithFrame:CGRectMake(10+(buttonsCount*45), 8, 45, 25)];
        [self.btnforExtra setBackgroundColor:[UIColor colorWithRed:0.503 green:0.641 blue:0.794 alpha:1.000]];
        [self.btnforExtra setTitle:self.txtFieldSearch.text forState:UIControlStateNormal];
        [self.btnforExtra setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        [self.btnforExtra.layer setCornerRadius:8.0f];
        [self.txtFieldSearch setFrame:CGRectMake(self.btnforExtra.frame.origin.x+self.btnforExtra.frame.size.width+10, 9, 230, 30)];
        self.txtFieldSearch.text = @"";
        [self.searchView addSubview:self.btnforExtra];
        buttonsCount++;
    

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath

    if (tableView.editing == UITableViewCellEditingStyleDelete)
    
        [tableView beginUpdates];
        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationLeft];
        [self.arrayForListing removeObjectAtIndex:indexPath.row];
        [tableView endUpdates];
    

- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath

    NSLog(@"IndexPath.row == %i", indexPath.row);

#pragma mark - custom PopOver Delegate Methods
#pragma mark
- (BOOL)popoverControllerShouldDismissPopover:(customPopOverController *)thePopoverController

    return YES;

- (void)popoverControllerDidDismissPopover:(customPopOverController *)thePopoverController

    self.customPopOverController = nil;


@end

【问题讨论】:

你解释问题的方式太棒了..... 如果你能减小你的字体大小会很好看。 由于您似乎没有特别的问题,这里有一条建议:创建单独的类,例如带有弹出框的按钮跨度,搜索字段的另一个弹出框等。这样更容易划分将问题转化为任务,在某些时候它们会一起工作。 确切地说,创建一个具有搜索功能和委托方法的自定义UIView。之后为选定的搜索标签创建自定义UIButtons。 请叫我 manohar。 【参考方案1】:

免责声明:此解决方案存在严重缺陷,可能在很多方面。这是我想出的第一个解决方案,我对它做了很少的优化(也就是没有)。

所以,我很无聊,我想出了一些我认为符合要求的东西。请记住,这只会显示您要询问的内容(并且在这方面做得有些差),它不处理实际的搜索功能,因为我不确定您在搜索什么。它还具有一些您想要更改的静态值(例如文件类型数组,我将视图控制器放入UINavigationController 并基于此做了一些静态大小)。我使用WYPopoverController,可以在这里找到:WYPopoverController。让我知道它是如何为您工作的 - 如果有,请随时批评。

ViewController.h

@interface ViewController : UIViewController <UITextFieldDelegate, UITableViewDelegate, UITableViewDataSource>


ViewController.m

#import "ViewController.h"
#import "WYPopoverController.h"
#import "SearchButton.h"
#import <QuartzCore/QuartzCore.h>

@interface ViewController () <WYPopoverControllerDelegate>

    UITextField *searchField;

    UIView *searchesView;
    UIScrollView *scrollView;
    WYPopoverController *newSearchController;
    WYPopoverController *existingSearchController;
    NSMutableArray *buttonsArray;
    SearchButton *activeButton;
    NSArray *kindsArray;
    NSMutableArray *matchedKinds;

    // using UITableViewController instead of just UITableView so I can set preferredContentSize on the controller
    UITableViewController *searchTable;
    UITableViewController *existingTable;


@end

@implementation ViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) 
        // Custom initialization
    
    return self;


- (void)viewDidLoad

    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.

    searchField = [[UITextField alloc] initWithFrame:CGRectMake(20, 75, 280, 30)];
    searchField.borderStyle = UITextBorderStyleRoundedRect;
    searchField.autocorrectionType = UITextAutocorrectionTypeNo;
    searchField.delegate = self;
    [self.view addSubview:searchField];

    searchesView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, searchField.frame.size.height)];
    scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 0, searchField.frame.size.height)];

    [scrollView addSubview:searchesView];

    searchField.leftView = scrollView;
    searchField.leftViewMode = UITextFieldViewModeAlways;
    [searchField becomeFirstResponder];

    kindsArray = [NSArray arrayWithObjects:@"Audio", @"Video", @"Other", @"Text", nil];
    matchedKinds = [[NSMutableArray alloc] init];
    buttonsArray = [[NSMutableArray alloc] init];

    [searchField addTarget:self
                    action:@selector(textFieldDidChange:)
          forControlEvents:UIControlEventEditingChanged];


- (void)didReceiveMemoryWarning

    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.



#pragma mark - Text Field Delegate

- (BOOL)textFieldShouldReturn:(UITextField *)textField

    [newSearchController dismissPopoverAnimated:YES completion:^
        [self popoverControllerDidDismissPopover:newSearchController];
    ];

    return YES;


// not technically part of the TF delegate, but it fits better here
- (void)textFieldDidChange:(UITextField *)tf

    if(tf.text.length > 0)
    
        if(newSearchController == nil)
        
            searchTable = [[UITableViewController alloc] init];
            searchTable.tableView.delegate = self;
            searchTable.tableView.dataSource = self;
            searchTable.preferredContentSize = CGSizeMake(320, 136);

            newSearchController = [[WYPopoverController alloc] initWithContentViewController:searchTable];
            newSearchController.delegate = self;
            newSearchController.popoverLayoutMargins = UIEdgeInsetsMake(10, 10, 10, 10);
            newSearchController.theme.arrowHeight = 5;
            searchTable.tableView.tag = 1;

            [newSearchController presentPopoverFromRect:searchField.bounds
                                                 inView:searchField
                               permittedArrowDirections:WYPopoverArrowDirectionUp
                                               animated:YES
                                                options:WYPopoverAnimationOptionFadeWithScale];
        

        [matchedKinds removeAllObjects];
        for(NSString *type in kindsArray)
        
            NSRange foundRange = [[type lowercaseString] rangeOfString:[tf.text lowercaseString]];
            if(foundRange.location != NSNotFound)
            
                // Found a match!
                [matchedKinds addObject:type];
            
        

        [searchTable.tableView reloadData];
    
    else
    
        [newSearchController dismissPopoverAnimated:YES completion:^
            [self popoverControllerDidDismissPopover:newSearchController];
        ];
    




#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

    if(tableView.tag == 1)
        return 2;

    return 1;


- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

    if(tableView.tag == 1)
    
        if(section == 0)
            return 1;

        return [matchedKinds count];
    

    return 3;


- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section

    if(tableView.tag == 1)
    
        if(section == 0)
            return @"Filenames";
        else
            return @"Kinds";
    

    return nil;


- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

    return 30.0f;



- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
                                                   reuseIdentifier:@"reuser"];

    // Configure the cell...
    if(tableView.tag == 1)
    
        if(indexPath.section == 0)
        
            cell.textLabel.text = [NSString stringWithFormat:@"Name matches: %@", searchField.text];

        
        else
        
            cell.textLabel.text = [matchedKinds objectAtIndex:indexPath.row];
        
    
    else
    
        if(indexPath.row == 0)
        
            switch (tableView.tag) 
                case 2:
                    cell.textLabel.text = @"Filename";
                    break;

                default:
                    cell.textLabel.text = @"Kind";
                    break;
            
        
        else if(indexPath.row == 1)
            cell.textLabel.text = @"Everything";
        else
            cell.textLabel.text = @"<Delete>";

    


    return cell;



#pragma mark - Table view delegate

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

    if(tableView.tag == 1)  // new search table tapped
    
        SearchButton *searchedButton = [SearchButton buttonWithType:UIButtonTypeSystem];

        if(indexPath.section == 0)
        
            searchedButton.type = ButtonTypeName;
            searchedButton.searchedString = searchField.text;
        
        else
        
            searchedButton.type = ButtonTypeKind;
            searchedButton.searchedString = [matchedKinds objectAtIndex:indexPath.row];
        

        searchedButton.defaulted = YES;
        searchedButton.titleLabel.font = [UIFont systemFontOfSize:14.0f];
        [searchedButton setTitleColor:[UIColor darkTextColor]
                             forState:UIControlStateNormal];
        [searchedButton addTarget:self
                           action:@selector(buttonTapped:)
                 forControlEvents:UIControlEventTouchUpInside];
        [searchedButton setBackgroundColor:[UIColor colorWithWhite:0.9f alpha:1.0f]];
        searchedButton.layer.cornerRadius = 5.0f;
        searchedButton.clipsToBounds = YES;
        [buttonsArray addObject:searchedButton];
        activeButton = searchedButton;
        searchField.text = @"";

        [self updateButtonsFromCreation:YES];


        [newSearchController dismissPopoverAnimated:YES completion:^
            [self popoverControllerDidDismissPopover:newSearchController];
        ];
    
    else    // text field of an existing search
    
        switch (indexPath.row) 
            case 0:
                activeButton.defaulted = YES;
                break;

            case 1:
                activeButton.defaulted = NO;
                break;

            default:
                [buttonsArray removeObject:activeButton];
                break;
        

        [self updateButtonsFromCreation:NO];
        [existingSearchController dismissPopoverAnimated:YES completion:^
            [self popoverControllerDidDismissPopover:existingSearchController];
        ];


    



#pragma  mark - Popover delegate

- (void)popoverControllerDidDismissPopover:(WYPopoverController *)controller

    if(controller == newSearchController)
    
        newSearchController = nil;
    
    else
    
        existingSearchController = nil;
    




#pragma mark - Other functions

- (void)updateButtonsFromCreation:(BOOL)creation

    [[searchesView subviews] makeObjectsPerformSelector:@selector(removeFromSuperview)];
    float widthTotal = 0;
    for(SearchButton *button in buttonsArray)
    
        NSString *buttonText;

        if(button.defaulted)
        
            if(button.type == ButtonTypeName)
                buttonText = @"Name: ";
            else
                buttonText = @"Kind: ";
        
        else
            buttonText = @"Any: ";

        buttonText = [buttonText stringByAppendingString:button.searchedString];

        [button setTitle:buttonText forState:UIControlStateNormal];
        CGSize buttonSize = [buttonText sizeWithAttributes:@NSFontAttributeName:[UIFont systemFontOfSize:14.0f]];
        button.frame = CGRectMake(widthTotal + 2, 2, buttonSize.width + 4, searchField.frame.size.height - 4);
        widthTotal += button.frame.size.width + 2;

        [searchesView addSubview:button];
    

    searchesView.frame = CGRectMake(0, 0, widthTotal, searchesView.frame.size.height);
    scrollView.frame = CGRectMake(0, 0, ((widthTotal > 200) ? 200 : widthTotal), scrollView.frame.size.height);
    scrollView.contentSize = CGSizeMake(widthTotal, scrollView.frame.size.height);

    if(creation)
    
        scrollView.contentOffset = CGPointMake(activeButton.frame.origin.x, 0);
    



- (void)buttonTapped:(SearchButton *)sender

    activeButton = sender;
    existingTable = [[UITableViewController alloc] init];
    existingTable.tableView.delegate = self;
    existingTable.tableView.dataSource = self;
    existingTable.preferredContentSize = CGSizeMake(160, 90);

    existingSearchController = [[WYPopoverController alloc] initWithContentViewController:existingTable];
    existingSearchController.delegate = self;
    existingSearchController.popoverLayoutMargins = UIEdgeInsetsMake(10, 10, 10, 10);
    existingSearchController.theme.arrowHeight = 5;
    existingTable.tableView.tag = sender.type;

    [existingSearchController presentPopoverFromRect:sender.frame
                                              inView:scrollView
                            permittedArrowDirections:WYPopoverArrowDirectionUp
                                            animated:YES
                                             options:WYPopoverAnimationOptionFadeWithScale];



@end

SearchButton.h

typedef enum ButtonTypeName = 2,
              ButtonTypeKind = 3 ButtonType;

@interface SearchButton : UIButton

@property (nonatomic) ButtonType type;
@property (nonatomic) BOOL defaulted;
@property (nonatomic, retain) NSString *searchedString;

@end

SearchButton.m

no changes to default generated

【讨论】:

以上是关于UISearchBar 与 iMac Finder 搜索功能相同的主要内容,如果未能解决你的问题,请参考以下文章

mac上卸载了Parallels Desktop 之后Launchpad里的残留文件如何去除?急!!!

新款iMac Pro渲染曝光:采用方正设计 有深空灰色版本

M1 iMac跑分出炉:比高端21.5英寸iMac快56%

无法与 UITableView 中的 UISearchBar 交互

将 UIRefreshControl 与 UISearchBar 搜索结果一起使用

UISearchBar:传递数据;单击的标题与 ListViewController - Swift 中显示的数据不对应