修改IOS中UISearchBar的取消按钮背景、搜索内容输入文本框背景和UISearchBar的背景
2014-10-11 15:16
381 查看
转载请标明出处:http://blog.csdn.net/android_ls/article/details/39993433
测试的手机IOS系统版本号为:6.1.3,实现步骤如下:
1、添加UISearchBar到父View
[_searchBar setImage:[UIImage resizedImage:@"ic_search.png"] forSearchBarIcon:UISearchBarIconSearch state:UIControlStateNormal];
4、修改搜索输入文本的背景
[_searchBar setSearchFieldBackgroundImage:[UIImage imageNamed:@"login_btn_input_side.png"] forState:UIControlStateNormal];
注:对于设计人员提供的搜索输入文本的背景,若提供的是一个圆角的小方块,按常理我们会使用拉伸图片的中间部分的方法,经测试显示效果如下:
若让设计人员重新提供一张固定高度的图片(比如高是60),当做搜索输入文本的背景,效果图如下:
5、修改UISearchBar右侧的取消按钮文字颜色及背景图片
测试的手机IOS系统版本号为:6.1.3,实现步骤如下:
1、添加UISearchBar到父View
_searchBar = [[UISearchBar alloc]init]; _searchBar.frame = CGRectMake(0, 0, self.view.frame.size.width, kSeachBarH); _searchBar.autoresizingMask = UIViewAutoresizingFlexibleWidth; _searchBar.delegate = self; _searchBar.placeholder = @"请输入姓名、公司名称、公司产品名称"; [self.view addSubview:_searchBar];2、修改搜索框背景
UIImage *img = [UIImage resizedImage:@"find_bg.png"]; [_searchBar setBackgroundImage:img];3、修改搜索输入框内左侧的指示图标
[_searchBar setImage:[UIImage resizedImage:@"ic_search.png"] forSearchBarIcon:UISearchBarIconSearch state:UIControlStateNormal];
4、修改搜索输入文本的背景
[_searchBar setSearchFieldBackgroundImage:[UIImage imageNamed:@"login_btn_input_side.png"] forState:UIControlStateNormal];
注:对于设计人员提供的搜索输入文本的背景,若提供的是一个圆角的小方块,按常理我们会使用拉伸图片的中间部分的方法,经测试显示效果如下:
若让设计人员重新提供一张固定高度的图片(比如高是60),当做搜索输入文本的背景,效果图如下:
5、修改UISearchBar右侧的取消按钮文字颜色及背景图片
#pragma mark 搜索框的代理方法,搜索输入框获得焦点(聚焦) -(void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar { [searchBar setShowsCancelButton:YES animated:YES]; // 修改UISearchBar右侧的取消按钮文字颜色及背景图片 for (UIView *searchbuttons in [searchBar subviews]){ if ([searchbuttons isKindOfClass:[UIButton class]]) { UIButton *cancelButton = (UIButton*)searchbuttons; // 修改文字颜色 [cancelButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal]; [cancelButton setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted]; // 修改按钮背景 [cancelButton setBackgroundImage:[UIImage resizedImage:@"login_btn_login.png"] forState:UIControlStateNormal]; [cancelButton setBackgroundImage:nil forState:UIControlStateHighlighted]; } } }注:修改取消按钮文字颜色及背景图片的代码片段,一定要放到取消按钮会显示代理方法中修改,否则遍历找不着呀,那就修改不了了。
相关文章推荐
- 修改IOS中UISearchBar的取消按钮背景、搜索内容输入文本框背景和UISearchBar的背景
- 修改IOS中UISearchBar的取消按钮背景、搜索内容输入文本框背景和UISearchBar的背景
- 更改IOS于UISearchBar撤消button底、搜索输入文本框背景中的内容和UISearchBar底
- 修改IOS中UISearchBar的取消按钮及所有视图看了其他的文章都不试一下就发出来,更本就存在些纰漏,下面是我做了稍许修改的结果:
- iOS 开发-修改 UISearchController中 searchBar 的取消按钮颜色
- jsp页中搜索文本框,默认显现“关键字”点击后“关键字”消失,输入内容点搜索按钮文本框状态保持怎么做?
- iOS开发设置UISearchBar的输入背景框、提示文字等
- UISearchBar 修改文本框,cancel按钮等的小技巧(5_0,7_0)
- 自定义UISearchBar背景、边框、左侧图标、删除图标、取消按钮
- iOS 修改searchBar cancel 按钮为取消 并修改颜色
- iOS开发关于UISearchBar自定义取消按钮的颜色,字体,大小
- 让 UISearchBar 支持空搜索,当没有输入的时候,search 按钮一样可以点击
- 去除UISearchBar中的clearButton(输入内容时出现的删除按钮)
- iOS UISearchBar的背景颜色修改
- 自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标 修改光标颜色 修改边框颜色 placeholder颜色 设置文本框背景
- IOS开发UISearchBar失去第一响应者身份后,取消按钮不执行点击事件的问题
- 【iOS】UISearchBar修改右边取消按钮的方法
- 自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标 修改光标颜色 修改边框颜色 placeholder颜色 设置文本框背景
- iOS --UISearchBar 修改"search"为搜索,"cancel"为中文取消
- iOS UISearchController中 如何改变UISearchBar中取消按钮的颜色和字