码迷,mamicode.com
首页 > 移动开发 > 详细

iOS新浪微博-1.1导航栏搜索框

时间:2015-08-17 00:47:47      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:

导航栏搜索框是非常常用一个UI控件。

1.需求:

  • 在“发现”页面,在顶部导航栏NavigationBar上添加一个搜索框
  • 左端带有“放大镜”图标
2.思路
  • 使用UISearchBar: 苹果系统自带,简单易用,但是样式死板不能定制(此处UISearchBar的背景色容易和导航栏的背景色混淆),不能修改宽高,而且在iOS6和iOS7上会产生不同的样式。
  • 使用UITextField创建:继承或者扩展UITextField,设置背景图和左端图标
3.实现
  • 创建一个继承UITextField的自定义类,这里命名为UYSearchBar
  • 重写initWithFrame方法,用来初始化搜索框的图标、背景图片、图标和文字的对称方式、清除按钮的显示
  • 在需要的控制器上实例化UYSearchBar,赋予其位置尺寸信息,添加到NavigationItem的titleView上

 

4.设置搜索图片为可拉伸

 

iOS新浪微博-1.1导航栏搜索框

标签:

原文地址:http://www.cnblogs.com/jys509/p/4735304.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!