UISearchBar实用技巧

UISearchBar作为搜索条有的时候我们需要做一些自定的内容,让它看着有点与众不同,先来看一张效果图:

SearBar.gif

第一个搜索框自定义设置的比较多,颜色设置的有点夸张,仅供参考,设置过程如下:
1.设置默认的搜索文字

   self.searchBar.placeholder = @"FlyElephant";

2.设置取消按钮的文字及颜色

   self.searchBar.cancelTitle = @"中山郎";
   self.searchBar.tintColor   = [UIColor greenColor];

3.设置搜索框边框及光标颜色:

   UITextField *searchField = [self.searchBar valueForKey:@"searchField"];
   if (searchField) {
       [searchField setBackgroundColor:[UIColor whiteColor]];
       searchField.layer.cornerRadius  = 13.0f;
       searchField.layer.borderColor   = [UIColor redColor].CGColor;
       searchField.layer.borderWidth   = 1;
       searchField.layer.masksToBounds = YES;
       //光标颜色
       [searchField setTintColor:[UIColor blueColor]];
   }

4.取消默认的灰色背景区域

   self.searchBar.backgroundImage = [[UIImage alloc] init];

5.隐藏取消按钮:

   self.nextSearchBar.showsCancelButton=NO;

6.设置输入文本的大小及颜色:

   self.searchBar.textColor=[UIColor redColor];
   self.searchBar.textFont=[UIFont systemFontOfSize:14];

7.设置迷你搜索框:

   self.nextSearchBar.searchBarStyle=UISearchBarStyleMinimal;

第一步和第六步中的属性是通过分类实现:

@implementation UISearchBar (FESearchBar)

-(NSString *)cancelTitle {
    return [objc_getAssociatedObject(self, cancelTitleKey) string];
}

-(void)setCancelTitle:(NSString *)cancelTitle {
   if (IS_IOS9) {
       [[UIBarButtonItem appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]] setTitle:cancelTitle];
   }else {
       [[UIBarButtonItem appearanceWhenContainedIn:[UISearchBar class], nil] setTitle:cancelTitle];
   }
    objc_setAssociatedObject(self,cancelTitleKey,cancelTitle, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

-(UIFont *)textFont {
   return objc_getAssociatedObject(self, textFontKey);
}

-(void)setTextFont:(UIFont *)textFont {
   if (IS_IOS9) {
       [UITextField appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]].font = textFont;
   }else {
       [[UITextField appearanceWhenContainedIn:[UISearchBar class], nil] setFont:textFont];
   }
   objc_setAssociatedObject(self,textFontKey,textFont, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

-(UIColor *)textColor{
   return objc_getAssociatedObject(self, textColorKey);
}

-(void)setTextColor:(UIColor *)textColor {
   if (IS_IOS9) {
       [UITextField appearanceWhenContainedInInstancesOfClasses:@[[UISearchBar class]]].textColor = textColor;
   }else {
       [[UITextField appearanceWhenContainedIn:[UISearchBar class], nil] setTextColor:textColor];
   }
   objc_setAssociatedObject(self,textColorKey,textColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
}

@end

如果有问题欢迎探讨,代码地址:FlyElephant的GitHub

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,593评论 25 708
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,554评论 0 17
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • PDCA:是最早由美国质量统计控制之父休哈特提出的PDS(Plan Do See)演化而来,由美国质量管理专家戴明...
    万能的老J阅读 517评论 2 8
  • “西藏行的驴友马哥要来广州了,一起去聚聚吧?”朋友荣问。 “才子马哥,一定要见。”我说。 几个小时后,羊城四大美女...
    一缕清风袭来阅读 221评论 0 3