自定义搜索框

自定义搜索框

1、自定义

自定义的文本框必须在-(void)layoutSubviews中才能自定义 （即子控件必须在layourSubviews中设置，而SearchBar可以直接设置：placeholder,外背景）

2、storyboard

随意设置即可

3、纯代码

字体颜色和大小无法设置，但是外边框可以设置

总结：
通过对比三种searchBar的设置，如果不使用storyboard，发现自定义相对于来说比较好用，严重不推荐纯代码的设置。

UISearchBar *searchBar;

搜索框的几个属性：
1、文本UITextField（包括:文本输入颜色,输入字体大小，搜索图标）

注意：禁止两个searchBar使用同一个view,会不显示。
注意：：：自定义的文本框必须在-(void)layoutSubviews中才能生效

//**取出文本框

UITextField *searchField = [_searchBar valueForKey:@”_searchField”];

//**输入字体颜色

[searchField setTextColor:[UIColor redColor]];

//**字体大小

[searchField setFont:[UIFont systemFontOfSize:20]];

//**搜索图标

UIImageView *iView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@”“]];

[iView setFrame:CGRectMake(0.0, 0.0, 36.0, 16.0)];

searchField.leftView = iView;

//**放右边的话 必须写这一句,左边不需要

// searchField.rightViewMode = UITextFieldViewModeAlways;

2、外边框 内边框
注意：：：禁止两个searchBar使用同一个view,会不显示

外边框颜色：

UIView *outView = [[UIView alloc] initWithFrame:self.bounds];

[outView setBackgroundColor:[UIColor orangeColor]];

[self insertSubview:outView atIndex:1];

3、placeholder

[_searchBar setPlaceholder:@”会输入吗”];

#import "ViewController.h"
#import "SearchBar.h"
@interface ViewController ()<UISearchBarDelegate>
//**自定义searchBar
@property (nonatomic,strong)SearchBar *customBar;

//**系统自带
@property (strong, nonatomic) IBOutlet UISearchBar *xibBar;

//**纯代码
@property (nonatomic,strong)UISearchBar *codeBar;
@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

//**自定义
self.customBar = [[SearchBar alloc] initWithFrame:CGRectMake(5, 130, self.view.frame.size.width-10, 50)];
self.customBar.layer.cornerRadius = 20;

[self.view addSubview:self.customBar];

//**纯代码
self.codeBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 250, self.view.frame.size.width, 50)];
[self.view addSubview:self.codeBar];

[self Cbar];

}

-(void)Cbar
{

//**xib
UITextField *searchField = [self.xibBar valueForKey:@"_searchField"];
[searchField setTextColor:[UIColor blueColor]];
[searchField setFont:[UIFont systemFontOfSize:18]];
[self.xibBar setPlaceholder:@"xib请输入"];

#warning     //**自定义在此不会生效  只能在layoutSubviews中设置字体颜色
UITextField *searchField2 = [self.customBar valueForKey:@"_searchField"];
//    [searchField2 setTextColor:[UIColor greenColor]];
//    [searchField2 setFont:[UIFont systemFontOfSize:20]];
[self.customBar setPlaceholder:@"自定义===="];

#warning    //**纯代码 字体颜色和字体大小无法设置 但是外边框可以设置
UITextField *searchField3 = [self.codeBar valueForKey:@"_searchField"];
[searchField3 setTextColor:[UIColor orangeColor]];
[searchField3 setFont:[UIFont systemFontOfSize:20]];
[self.codeBar setPlaceholder:@"纯代码请输入"];

#warning   //自定义外背景  禁止两个searchBar使用同一个外背景，会不显示

UIView *outV = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 50)];
[outV setBackgroundColor:[UIColor blueColor]];
[self.xibBar insertSubview:outV atIndex:1];

UIView *outV1 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 50)];
[outV1 setBackgroundColor:[UIColor redColor]];
[self.customBar insertSubview:outV1 atIndex:1];

UIView *outV2 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 50)];
[outV2 setBackgroundColor:[UIColor orangeColor]];
[self.codeBar insertSubview:outV2 atIndex:1];

}

@end

自定义SearchBar

“`

import “SearchBar.h”

@implementation SearchBar

-(void)layoutSubviews

{

[super layoutSubviews];

UITextField *searchField;
searchField = [self valueForKey:@"_searchField"];

[searchField setTextColor:[UIColor redColor]];
searchField.clearButtonMode = UITextFieldViewModeWhileEditing;

UIImageView *iView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"2"]];
[iView setFrame:CGRectMake(0.0, 0.0, 20.0, 20.0)];
searchField.leftView = iView;
[self setPlaceholder:@"自定义"];

//**放右边的话写这一句,左边不需要

searchField.rightViewMode = UITextFieldViewModeAlways;

}

@end“`