(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效果和源码都用,随下随用。