IOS自定义搜索框

如果只是在某个地方添加一个自定义的搜索框,只需要添加以下代码:

//创建搜索框对象

UITextField *searchBar=[[UITextField alloc] init];

searchBar.width=300;

searchBar.height=30;

searchBar.font=[UIFont systemFontofSize:15];

[email protected]"请输入搜索框";

searchBar.backgroud=[UIImage imageNamed:@"searchBar_backgoud"];

//创建搜索框内的左侧搜索标志

UIImageView *searchImage=[[UIImage alloc]init];

searchImage.image=[UIImage imageNamed:@"searchBar_image"];

searchImage.width=30;    //需要给大小,否则显示不出来

searchImage.height=30;

searchImage.contentMode=UIViewContentModeCenter;  //居中

//把标志放到搜索框内

searchBar.leftVIew=searchImage;

searchBar.leftViewMode=UITextFieldViewModeAlways; //标志一直会存在

[self.view addSubview:searchBar]

对于这种自定义的东西都进行封装,因为以后用到的时候不需要大量的粘贴、复制,只需要

导入头文件就可以

过程:

新建一个类SearchBar继承自UITextField

在.h文件中定义一个方法,在.m文件中实现

-  (id)initWithFrame:(CGRect)frame

{

self=[super initWithFrame:frame];

if(self){

self.font=[UIFont systemFontofSize:15];

[email protected]"请输入搜索框";

self.backgroud=[UIImage imageNamed:@"searchBar_backgoud"];

//创建搜索框内的左侧搜索标志

UIImageView *searchImage=[[UIImage alloc]init];

searchImage.image=[UIImage imageNamed:@"searchBar_image"];

searchImage.width=30;    //需要给大小,否则显示不出来

searchImage.height=30;

searchImage.contentMode=UIViewContentModeCenter;  //居中

//把标志放到搜索框内

self.leftVIew=searchImage;

self.leftViewMode=UITextFieldViewModeAlways;

}

return self;

}

+(instancetype)SearchBar

{

return [[self alloc] init];

} 

在想添加搜索框的地方导入这个类

SearchBar *searchbar=[[UITextField alloc]init];

searchbar.width=300;

searchbar.height=30;

[self.view addSubview:searchbar];

现在搞定了,也可以在其他项目中使用你自定义的搜索框,可以打包成静态库,

对于如何打包,下次再说。

时间: 2024-10-20 17:53:22

IOS自定义搜索框的相关文章

“商城项目”自定义搜索框

1.要实现搜索的效果图如下:<功能:当输入关键字点击搜索按钮的时候在list上显示出来,点击商品进入商品详情页即可> 2>自定义搜索框,在导航栏视图上添加搜索视图,代码如下: 3>搜索结果的tableView,定义一个数组将解析数据的内容存取到数组中,将数组的个数加一,最后多得一行作为清除历史记录的一行 4>重要的一点就是:点击清除历史记录的时候,将保存到NSuserdefault的内容remove掉 5>最后将数据解析的内容传过去就行了,自定义搜索框就完成了. 注意点

Qt之自定义搜索框——QLineEdit里增加一个Layout,还不影响正常输入文字(好像是一种比较通吃的方法)

简述 关于搜索框,大家都经常接触.例如:浏览器搜索.Windows资源管理器搜索等. 当然,这些对于Qt实现来说毫无压力,只要思路清晰,分分钟搞定. 方案一:调用QLineEdit现有接口 void addAction(QAction * action, ActionPosition position) 在QLineEdit的前/后添加部件,ActionPosition表示部件所在方位. QAction * addAction(const QIcon & icon, ActionPosition

Android自定义View——自定义搜索框(SearchView)

概述 在Android开发中,当系统数据项比较多时,常常会在app添加搜索功能,方便用户能快速获得需要的数据.搜索栏对于我们并不陌生,在许多app都能见到它,比如豌豆荚 在某些情况下,我们希望我们的自动补全信息可以不只是纯文本,还可以像豌豆荚这样,能显示相应的图片和其他数据信息,因此Android给我们提供的AutoCompleteTextView往往就不够用,在大多情况下我们都需要自己去实现搜索框. 分析 根据上面这张图,简单分析一下自定义搜索框的结构与功能,有 1. 搜索界面大致由三部门组成

自定义EditText实现类iOS风格搜索框

最近在项目中有使用到搜索框的地方,由于其样式要求与iOS的UISearchBar的风格一致.默认情况下,搜索图标和文字是居中的,在获取焦点的时候,图标和文字左移.但是在Android是并没有这样的控件(可能见识少,并不知道有).通常情况下我们使用组合控件,使用ReleativeLayout或者FrameLayout来实现.此篇并不是使用上述方法实现,其核心是继承系统EditText,重写onDraw方法,来改变默认的左上右下的drawable,实现平移到中间位置.这里暂时只实现了drawable

猫猫学iOS 之微博项目实战(5)微博自定义搜索框searchBar

猫猫分享,必须精品 原创文章,欢迎转载.转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243 一:效果 用UITextField简单定义一个搜索框 二:调用: 调用的代码,很简单,直接init就可以,以后加功能自己添加就行了. - (void)viewDidLoad { [super viewDidLoad]; // 创建搜索框 NYSearchBar *searchBar = [[NYSearchBar alloc] initWithFrame:CGR

iOS - 完全自定义搜索框

此项目已上传GitHub,支持pods安装,Awsearch git地址: https://github.com/adampei/AwSearch git上有详细说明 效果图大概长这样 这个库都能做什么? 自定义搜索的icon, icon大小, icon位置, 搜索框背景色, 位置, 圆角等, 输入框字体大小, 颜色, placeholder字体大小, 颜色等, 右侧按钮字体大小, 背景色, 图片, 背景图等详细说明在GitHub,喜欢的话可以给个star谢谢 原文地址:https://www.

ios UISearchBar搜索框的基本使用

摘要: 小巧简洁的原生搜索框,漂亮而易用,如果我们的应用没有特殊需求,都可以使用它. iOS中UISearchBar(搜索框)使用总结 初始化:UISearchBar继承于UIView,我们可以像创建View那样创建searchBar     UISearchBar * bar = [[UISearchBar alloc]initWithFrame:CGRectMake(20, 100, 250, 40)];     [self.view addSubview:bar]; @property(n

iOS UISearchController 搜索框

#import <Foundation/Foundation.h> @interface Student : NSObject @property(strong,nonatomic) NSString *name; @property(strong,nonatomic) NSString *pic; @property(strong,nonatomic) NSString *tel; -(Student *)initWithDic:(NSDictionary *)dic; +(Student

WPF 自定义搜索框

  控件中的搜索图标下载地址:http://www.easyicon.net/1183666-Search_icon.html 搜索框设计过程比较简单: 1.先定义一个Rectangle作为背景 2.然后中间放TextBox输入,可以重写其中的模板.提示语Label放在模板中,可以在模板的触发器中控制隐藏显示~ 3.搜索按钮-大家随便在网上下个就行了. UserControl界面: <UserControl x:Class="WpfApplication18.SearchControl&q