(5)微博自定义搜索框searchBar

最后更新于:2022-04-01 07:27:02

## 一:效果 用UITextField简单定义一个搜索框  ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-01-20_569f1d98916b2.jpg) ## 二:调用: 调用的代码,很简单,直接init就可以,以后加功能自己添加就行了。 ~~~ - (void)viewDidLoad { [super viewDidLoad]; // 创建搜索框 NYSearchBar *searchBar = [[NYSearchBar alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 35)]; searchBar.placeholder = @"猫猫搜索"; // 设置titleView为搜索框 self.navigationItem.titleView = searchBar; } ~~~ ## 三:代码: NYSearchBar.m文件内容  NYSearchBar.h文件里面没有东西,  思路很简单,就是左边放一个图片而已,可以自己添加其他东东。 ~~~ // // NYSearchBar.m // 猫猫微博 // // Created by apple on 15-7-29. // Copyright (c) 2015年 znycat. All rights reserved. // #import "NYSearchBar.h" @implementation NYSearchBar - (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { self.font = [UIFont systemFontOfSize:13]; self.background = [UIImage imageWithStretchableName:@"searchbar_textfield_background"]; // 设置左边的view // initWithImage:默认UIImageView的尺寸跟图片一样 UIImageView *imageV = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"searchbar_textfield_search_icon"]]; // 为了空出左边一小块设置的 imageV.width += 10; imageV.contentMode = UIViewContentModeCenter; self.leftView = imageV; // 一定要设置,想要显示搜索框左边的视图,一定要设置左边视图的模式 self.leftViewMode = UITextFieldViewModeAlways; } return self; } @end ~~~ 推荐一个iOS学习帅气的网站 : code4app 各种各样的iOS效果和源码都用,随下随用。
';