首页 > 代码库 > 猫猫学iOS 之微博项目实战(5)微博自己定义搜索框searchBar

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

猫猫分享。必须精品

原创文章。欢迎转载。

转载请注明:翟乃玉的博客
地址:http://blog.csdn.net/u013357243

一:效果

用UITextField简单定义一个搜索框
技术分享

二:调用:

调用的代码。非常easy,直接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文件中面没有东西,
思路非常easy,就是左边放一个图片而已,能够自己加入其它东东。

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

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

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