自定义搜索框

　　默认情况下，苹果给我们的搜索框🔍并不是我们想要的效果，所以我们可能就需要去自定义一个自己需要的搜索框，下面简单写一个自定义的控件。

　　要注意：

　　1、searchIcon.height = 30;这里的控件尺寸直接赋值是因为在头文件中引入UIView的类别 ：http://www.cnblogs.com/daomul/p/4662402.html

　　2、采用instancetype单例模式加载控件

　　3、leftView是左边的一个🔍图片，contentMode是图片控件的填充方式，为了使得图片居中显示

　　4、是基于UITextField的

 

　　5、那么我们在我们对应父控制器中就可以通过如下代码调用：

　　　　

　　　　　　//自定义搜索框

    　　　　XBSearchBar *searchBar = [XBSearchBar searchBar];

    　　　　searchBar.width = 300;

    　　　　searchBar.height = 30;    

　　　　　  //设置为navigation的正中位置

    　　　　self.navigationItem.titleView = searchBar;

头文件代码：

　　

//
//  XBSearchBar.h
//  XibaTest
//
//  Created by bos on 15-6-14.
//  Copyright (c) 2015年 axiba. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface XBSearchBar : UITextField

+(instancetype)searchBar;

@end

 

文件代码：

//
//  XBSearchBar.m
//  XibaTest
//
//  Created by bos on 15-6-14.
//  Copyright (c) 2015年 axiba. All rights reserved.
//

#import "XBSearchBar.h"

@implementation XBSearchBar

-(id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    
    if (self) {
        
        self.font = [UIFont systemFontOfSize:15];
        self.placeholder = @"请输入搜索条件...";
        self.background = [UIImage imageNamed:@"searchbar_textfield_background"];
        
        UIImageView *searchIcon = [[UIImageView alloc]init];
        searchIcon.height = 30;
        searchIcon.width = 30;
        //控制图片控件内部的填充方式
        searchIcon.contentMode = UIViewContentModeCenter;
        searchIcon.image = [UIImage imageNamed:@"searchbar_textfield_search_icon"];
        
        self.leftView = searchIcon;
        self.leftViewMode = UITextFieldViewModeAlways;
        
    }
    return self;
}

+(instancetype)searchBar
{
    return [[self alloc]init];
}

/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    // Drawing code
}
*/

@end