自定义UISearchBar

事先声明一下,本篇的实现效果是在今年八月份未发布iOS8.0之前,自己根据项目需求修改的。而后在十月份发布的iOS8之后并没有做相应修改仍然是适配的,所以大致修改是类似的。

通常在使用UISearchBar的时候大多都需要修改系统默认的背景色和自定义风格来与自己的app相适配。由于系统风格实在太丑了,但是UISearchBar的构造随着iOS版本的升级也在不断地改变。所以需要对不用版本的iOS做适配,这里来记录一下相关要点。

首先来看一下效果图:上边为未修改系统默认的,下边则是自定义修改之后的样式效果。当然我们还可以根据自己自定义出更美观的界面出来。

这里,介绍一个刚刚学到的技巧:我们可以使用 UIView的私有方法recursiveDescription来看一下UI控件的视图层次结构,在控制台打印出它的继承关系。

如: po [self.searchBar recursiveDescription]  
打印结果如下 :

从以上可以看出,在iOS7.0之前,UISearchbar视图里直接包含UISearchBarBackground和UISearchBarTextField两个视图,而在iOS7.0及之后,UISearchbar视图里包含的是一个UIView视图,然后UIView视图里面才是UISearchBarBackground和UISearchBarTextField两个视图。相当于做了一次View的封装。

所以 去除UISearchbar视图里的UISearchBarBackground之后,UISearchbar的背景也就透明了,同时也可以自定义颜色等。 
使用如下代码即实现目的:

for (UIView *view in self.searchBar.subviews) {
  // for before iOS7.0
  if ([view isKindOfClass:NSClassFromString(@"UISearchBarBackground")]) {
    [view removeFromSuperview];
    break;
  }
  // for later iOS7.0(include)
  if ([view isKindOfClass:NSClassFromString(@"UIView")] && view.subviews.count > 0) {
    [[view.subviews objectAtIndex:0] removeFromSuperview];
    break;
  }
}

而对于以上项目截图的实现效果,并没有使用以上这段实现。而是判断系统版本使用如下部分代码:

if ([self.searchBar respondsToSelector:@selector(barTintColor)]) {
  if ([[[UIDevice currentDevice] systemVersion] doubleValue] >= 7.1) {
    //ios7.1
    [[[[self.searchBar.subviews objectAtIndex:0] subviews] objectAtIndex:0] removeFromSuperview];
    [self.searchBar setBackgroundColor:[UIColor clearColor]];
  }else{
    //ios7.0
    [self.searchBar setBarTintColor:[UIColor clearColor]];
    [self.searchBar setBackgroundColor:[UIColor clearColor]];
  }
}else{
  //iOS7.0 以下
  [[self.searchBar.subviews objectAtIndex:0] removeFromSuperview];
  [self.searchBar setBackgroundColor:[UIColor clearColor]];
}

而更多关于自定义取消按钮的实现部分如下:

iOS 7

iOS 5/6

以下是本项目中修改的实现代码:

- (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar
{
  searchBar.showsCancelButton = YES;
  UIButton *cancelButton;
  UIView *topView = self.searchBar.subviews[0];
  for (UIView *subView in topView.subviews) {
    if ([subView isKindOfClass:NSClassFromString(@"UINavigationButton")]) {
      cancelButton = (UIButton*)subView;
    }
  }
  if (cancelButton) {
    //Set the new title of the cancel button
    [cancelButton setTitle:@"取消" forState:UIControlStateNormal];
    cancelButton.tintColor = [UIColor grayColor];
  }
}
时间: 2025-01-14 09:26:33

自定义UISearchBar的相关文章

新浪微博客户端(5)-自定义UISearchBar

iOS自带的UISearchBar有很多限制,我们可以使用UITextField做出一个类似于SearchBar的效果. //================================================= // 自定义SearchBar //================================================= // 1.创建一个UITextField作为背景 UITextField *searchBar = [[UITextField alloc

自定义UISearchBar外观

本文转载至 http://www.jianshu.com/p/66b5b777f5dc 最近,在项目过程中遇到要自定义SearchBar的外观,虽然自己觉得用系统默认的外观就行了,不过UI设计师要求不用系统的默认样式,要跟app主题保持 一致. 图1:设计效果图 从上图可以看出,我们要做的UISearchBar要有圆角,边框颜色,取消按钮颜色,背景透明等等. 开始以为可能要自己写一个自定义的UISearchBar控件了,后面研究了一番,发现可以设定系统UISearchBar属性来更改,便把经验记

自定义UISearchBar的“取消按钮”

需求: UISearchBar的取消按钮,没有公共方法可以修改它的属性.但我们仍可以通过遍历UISearchBar的子控件来设置该"取消按钮". 效果: 将UISearchBar的取消按钮中的"取消"文字,更改为"搜索". 代码如下: - (void)setSearchBar:(UISearchBar *)searchBar{ UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:

iOS用UITextField自定义UISearchBar遇到的布局问题

以下问题都是在设定了leftView的情况下发生 2.设置按钮为leftView并通过contentinset限制了图片显示高度达到图片显示的居中效果,结果按钮大小被调整,左右间隔被取消 修改方案:contentinset设置时,按照需求top.left.right.bottom一起设置,否者只设置上下间距,左右间距会根据实际所需取消掉多余空白 1. leftView上面加了个imageView,imageView使用了自动布局,导致可输入字符范围大幅缩小不可见 修改方案:leftView和它的

从头自定义SearchBar和SearchDisplayController

自定义UISearchBar和UISearchDisplayController 自定义UISearchBar和UISearchDisplayController 起因 步骤 效果图 主要实现 实现CustomSearchTextField控件 layoutSubViews代码 layoutSubviews代码说明 实现CustomSearchBar相关组件 CustomSearchBar主要组成控件 layoutSubviews代码说明 实现CustomSearchDisplayControl

项目中遇到的几个问题

今天在实现公司项目5月版本的时候,碰到了一些问题,记录一下: 1.点击首页NavigationBar上的某个按钮,出发tabBar的点击事件,实现tabBar切换到对应的View 这次项目改版,为了改变之前赶进度不注重工程质量的问题,特意修改了整个应用的组织结构.但是研究了一下项目当前的TabBar,是在系统自带的TabBar上面盖了一个新的,并且还是继承于UIView(看来是准备完全自定义的,但是为啥又没有取代系统的TabBar呢,坑爹啊),然后在上面加了4个button. 显然,这个实现对于

【IOS】IOS开发问题解决方法索引(一)

IOS开发问题解决方法索引(一) 1       Xcode工程调试时无法命中断点的问题 若没有勾选LLVM Compiler 1.6 –> CodeGeneration –> Generate Debug Symbols 一项,则程序调试时无法命中断点. 2       Xcode调试时查看变量的几种方法 Xcode如何查看内存中的数据 http://blog.csdn.net/evgd2288/article/details/8995779 Xcode的Debug中查看数据细节的方法 ht

【IOS】UISearchBar背景透明,去掉背景,自定义背景

ios6,ios7,ios7.1下设置UISearchbar的背景色 ios系统升级到7.1后,原来在7.0下显示正常的UISearchbar现在又出现问题了.究其原因,是由于UISearchbar的subview又做修改了. 1 //修改searchBar样式 2 3 - (void)changeSearchBar { 4 5 float version = [[[UIDevice currentDevice] systemVersion] floatValue]; 6 7 if ([_sea

自定义微博小尾巴(源码+解析)

前言: 自王思聪发布了那条小尾巴是 iPhone6 的微博后,  越来越多的人跟风, 把小尾巴改成了iPhone6. 但是, 没多久, 新浪就把原先的办法给和谐了.原先的办法很简单, 就是通过网页发布窗, 手动设置app_url(也就是每个型号手机对应的key), 在这里发布微博, 就能实现修改微博小尾巴. 比如, 下面的是iPhone5S的代码!!http://widget.weibo.com/dialog/PublishWeb.php?mid=&default_text=&langua