自定义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];
    }
}

参考链接:http://blog.tallisoft.dk/blog/2013/06/16/changing-cancel-button-title-in-uisearchbar/


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值