iOS開發之自定義SearchBar導航條右側顯示放大鏡

ios中導航條SearchBar控件雖然說很好用,但是有的時候控件的樣式不能達到我們的需要,比如我們需要導航條的右側有個放大鏡,系統提供的控件沒有這樣的,這就需要我們自定義一個這樣的searchBar了.

1,因為searchBar控件輸入的時候和textField想似,所以我們自定義的控件繼承與textField,起名字為searchView

我們可以看一下searchView.h里面的內容

#import <UIKit/UIKit.h>

@interface searchView : UITextField

@end

2,首先我們要在searchView.m里面實現初始化方法:

-(id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if(self){
[self searchView]; //調用searchView方法
}
}

#pragma mark 實現searchView方法
-(void)searchView
{
self.placeholder = @"搜索店鋪或者商品";
//設置textField的樣式
self.borderStyle = UITextBorderStyleRoundedRect;
//設置鍵盤的return鍵 的樣式 我們更改為search字樣
self.returnKeyType = UIReturnKeySearch;
//創建imageView對象
UIImageView * imgView = [[UIImageView alloc]init];
//設置 imgVIew的用戶可交互性
 imgView.userInteractionEnabled = YES;
//給 imgView賦值  tabbar_discover是一個放大鏡圖片
 imgView.image = [UIImage imageNamed:@"tabbar_discover"];
//設置self (textField)的 rightView屬性和 rightViewMode的屬性
self.rightView = imgView;
self.rightViewMode = UITextFieldViewModeAlways;
//向 這張圖片添加一個手勢
UITapGestureRecognizer * tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(btnClick:)];
[imgView addGestureRecognizer:tap];


}
//實現按鈕點擊事件
-(void)btnClick:(UIButton *)btn
{
    NSLog(@" 111111111111%@",self.text);
    NSLog(@"5555");
}

3,在viewController.m里面 實現  首先記得導入頭文件呦!

#import "ViewController.h"
#import "searchView.h"

@interface ViewController ()<UITextFieldDelegate>
{
    searchView * search;
}
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    search = [[searchView alloc]initWithFrame:CGRectMake(20, 20, 280, 40)];
    search.delegate = self;
    search.layer.cornerRadius = 20;
    search.clipsToBounds = YES;
    [self.view addSubview:search];
  
    
}
- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    NSLog(@"%@",search.text);
    return YES;
}

這樣就行了 我們來看一下運行效果圖

這樣是不是達到你想要的效果了??嘿嘿