自定义UISearchBar 适配IOS6和IOS7

Sian

考虑到统一ios6与ios7的界面风格，UISearchBar通过重自定义来实现，重写一个类继承自UISearchBar
1、效果图：

2、部分代码：
附注释说明
SASearchBar.h

1. #import <UIKit/UIKit.h>
3. @interface SASearchBar : UISearchBar
5. @property (nonatomic, strong)   UITextField     *textField;
7. @property (nonatomic, strong)   UIButton        *searchBtn;
9. @end

复制代码

SASearchBar.m

1. #import "SASearchBar.h"
2. @implementation SASearchBar
3. #pragma mark 初始化
4. - (id)initWithFrame:(CGRect)frame
5. {
6.     if (self = [super initWithFrame:frame]) {
7.         // 设置背景色为透明，这句在ios6中很重要！！
8.         self.backgroundColor = [UIColor clearColor];
9.         self.placeholder = @"搜索号码或姓名";
10.     }
11.     return self;
12. }
14. #pragma mark 调整子控件
15. - (void)layoutSubviews
16. {
17.     [super layoutSubviews];
18.    
19.     UIView *baseView = iOS7 ? [self.subviews firstObject] : self;
20.    
21.     // 移除背景图片
22.     [[baseView.subviews firstObject] removeFromSuperview];
23.    
24.     // 获取TextField
25.     self.textField = [baseView.subviews firstObject];
26.     self.textField.leftView = nil;
27.     self.textField.background = nil;
28.     self.textField.backgroundColor = [UIColor clearColor];
29.     self.textField.frame = CGRectMake(0, 0, baseView.frame.size.width - 30, 44);
30.    
31.     // 创建搜索按钮
32.     self.searchBtn = [UIButton buttonWithType:UIButtonTypeCustom];
33.     UIImage *searchIcn = [UIImage imageNamed:@"icon_invite_search_btn.png"];
34.     [self.searchBtn setImage:searchIcn forState:UIControlStateNormal];
35.     self.searchBtn.frame = CGRectMake(baseView.frame.size.width - 30, 10, 20, 20);
36.     [baseView addSubview:self.searchBtn];
37.    
38.     NSLog(@"%@", self.subviews);
39. }
41. #pragma mark 绘制背景图片
42. - (void)drawRect:(CGRect)rect
43. {
44.     UIImage *image = [UIImage resizeImage:@"textField_line_selected.png"];
45.     [image drawInRect:CGRectMake(0, 0, rect.size.width, rect.size.height)];
46. }
47. @end

复制代码

3、素材下载： Resource.zip (18.54 KB, 下载次数: 4)

2014-8-19 15:59 上传

点击文件名下载附件
阅读权限: 20