iOS中 UISearchController 搜索栏 UI技术分享
UISearchController 继承自UIViewController
// 在iOS 8.0以上版本中, 我们可使用UISearchController来非常方便地在UITableView中添加搜索框. 而在之前版本中, 我们还是必须使用UISearchBar + UISearchDisplayController的组合方式.
#import "SearchViewController.h"
#define kTableCell @"tablecell"
@interface SearchViewController ()@property(nonatomic,retain)NSMutableArray *items;
@property(nonatomic,retain)UISearchController *searchController;
@property(nonatomic,retain)NSMutableArray *searchResults;//接收数据源结果
@end
懒加载及释放
@implementation SearchViewController
- (instancetype)init
{
self = [super init];
if (self) {
}
return self;
}
//懒加载
- (NSMutableArray *)items{
if (!_items) {
self.items = [NSMutableArray arrayWithCapacity:0];
}
return [[_items retain]autorelease];
}
//懒加载
- (NSMutableArray *)searchResults{
if (!_searchResults) {
self.searchResults = [NSMutableArray arrayWithCapacity:0];
}
return [[_searchResults retain]autorelease];
}
//释放
- (void)dealloc
{
self.items = nil;
self.searchResults = nil;
self.searchController = nil;
[super dealloc];
}
调用:
- (void)viewDidLoad { [super viewDidLoad]; //导航栏 [self p_navigationController]; //调用初始化searchController [self setSearchControllerView]; //注册 [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:kTableCell]; }
初始化SearchController初始化
- (void)setSearchControllerView{ self.searchController = [[UISearchController alloc]initWithSearchResultsController:nil]; self.searchController.searchBar.frame = CGRectMake(0, 0, 0, 44); self.searchController.dimsBackgroundDuringPresentation = false; //搜索栏表头视图 self.tableView.tableHeaderView = self.searchController.searchBar; [self.searchController.searchBar sizeToFit]; //背景色彩 self.searchController.searchBar.backgroundColor = [UIColor orangeColor]; self.searchController.searchResultsUpdater = self; }
//引入UISearchController以后, UITableView的内容也要做相应地变动: 即cell中要显现的内容是items, 还是searchResults.这1点, 可以通过UISearchController的active属性来判断, 即判断输入框是不是处于active状态.
//UITableView相干的很多方法都要根据active来做判断:
配置导航条
- (void)p_navigationController{ self.title = @"小韩哥-英雄列表"; self.items = @[@"国服第1臭豆腐 No.1 Stinky Tofu CN.", @"比尔吉沃特(Bill Ji walter)", @"瓦洛兰 Valoran", @"祖安 Zaun", @"德玛西亚 Demacia", @"诺克萨斯 Noxus", @"艾欧尼亚 Ionia", @"皮尔特沃夫 Piltover", @"弗雷尔卓德 Freijord", @"班德尔城 Bandle City", @"无畏先锋", @"战争学院 The Institute of War", @"巨神峰", @"雷瑟守备(JustThunder)", @"判决之地(JustRule)", @"黑色玫瑰(Black Rose)", @"阴影岛（Shadow island）", @"钢铁烈阳（Steel fierce）", @"恕瑞玛沙漠 Shurima Desert", @"均衡教派（Balanced sect）", @"水晶之痕（Crystal Scar）", @"影流（Shadow Flow ）", @"守望之海（The Watchtower of sea）", @"皮尔特沃夫", @"征服之海", @"扭曲丛林 Twisted Treeline", @"教育网专区", @"试炼之地 Proving Grounds", @"卡拉曼达 Kalamanda", @"蓝焰岛 Blue Flame Island", @"哀嚎沼泽 Howling Marsh", @"艾卡西亚 Icathia", @"铁脊山脉 Ironspike Mountains", @"库莽古丛林 Kumungu", @"洛克法 Lokfar", @"摩根小道 Morgon Pass", @"塔尔贡山脉 Mountain Targon", @"瘟疫丛林 Plague Jungles", @"盘蛇河 Serpentine River", @"厄尔提斯坦 Urtistan", @"巫毒之地 Voodoo Lands", @"咆哮深渊 Howling Abyss", @"熔岩洞窟 Magma Chambers", @"召唤师峡谷 Summoners Rift", @"9尾妖狐： 阿狸（Ahri）", @"阴影之拳：阿卡丽（Akali）", @"牛头酋长：阿利斯塔（Alistar）", @"殇之木乃伊：阿木木（Amumu）", @"冰晶凤凰：艾尼维亚（Anivia）", @"黑暗之女：安妮（Annie）", @"寒冰射手：艾希（Ashe）", @"蒸汽机器人：布里茨（Blitzcrank)", @"复仇焰魂：布兰德（Brand）", @"皮城女警：凯特琳（Caitlyn）", @"魔蛇之拥：卡西奥佩娅（Cassiopeia）", @"虚空恐惧：科’加斯（ChoGath）", @"勇敢投弹手：库奇（Corki）", @"诺克萨斯之手：德莱厄斯（Darius）", @"皎月女神：黛安娜：（Diana）", @"祖安狂人：蒙多医生（DrMundo）", @"光荣行刑官：德莱文（Delevin）", @"蜘蛛女皇：伊莉斯（Elise）", @"寡妇制造者：伊芙琳（Evelynn）", @"探险家：伊泽瑞尔（Ezreal）", @"末日使者：费德提克（Fiddlesticks）", @"无双剑姬：剑姬（Fiora）", @"潮汐海灵：菲兹（Fizz）", @"哨兵之殇：加里奥（Galio）", @"海洋之灾：普朗克（Gangplank）", @"德玛西亚之力：盖伦（Garen）", @"酒桶：古拉加斯（Gragas）", @"法外狂徒：格雷福斯（Graves）", @"战争之影：赫卡里姆 （Hecarim）", @"大发明家：黑默丁格（Heimerdinger）", @"刀锋意志：伊瑞利亚（Irelia）", @"风暴之怒：迦娜（Janna）", @"德玛西亚皇子：嘉文4世（JarvanⅣ）", @"武器大师：贾克斯（Jax）", @"未来守护者：杰斯（Jayce）", @"天启者：卡尔玛（Karma）", @"死亡颂唱者：卡尔萨斯（Karthus）", @"虚空行者：卡萨丁（Kassadin）", @"不详之刃：卡特琳娜（Katarina）", @"审判天使：凯尔（Kayle）", @"狂暴之心：凯南（Kennen）", @"虚空掠夺者：卡’兹克（Khazix）", @"深渊巨口：克格’莫（Kog Maw）", @"诡术妖姬：乐芙兰（LeBlanc）", @"盲僧：李青（Lee sin）", @"曙光女神：蕾欧娜（Leona）", @"仙灵女巫：璐璐（lulu）", @"光辉女郎：拉克丝（Lux）", @"熔岩巨兽：墨菲特（Malphite）", @"虚空先知：玛尔扎哈（Malzahar）", @"扭曲树精：茂凯（Maokai）", @"无极剑圣：易（Yi）", @"赏金猎人：恶运小姐（MissFortune）", @"齐天大圣：孙悟空（Monkey king）", @"金属大师：莫德凯撒（Mordekaiser）", @"堕天使：莫甘娜（Morgana）", @"唤潮鲛姬：娜美（Nami）", @"沙漠死神：内瑟斯（Nasus）", @"深海泰坦：诺提勒斯（Nautilus）", @"狂野女猎手：奈德丽（Nidalee）", @"永久梦魇：魔腾（Nocturne）", @"雪人骑士：努努（Nunu）", @"狂战士：奥拉夫（Olaf）", @"发条魔灵：奥莉安娜（Orianna）", @"战争之王：潘森（Pantheon）", @"钢铁大使：波比（Poopy）", @"披甲龙龟：拉莫斯（Rammus）", @"荒漠屠夫：雷克顿（Renekton）", @"傲之追猎者：雷恩加尔（Rengar）", @"放逐之刃：瑞文（Rivan）", @"机械公敌：兰博（Rumble）", @"流浪法师：瑞兹（Ryze）", @"凛冬之怒：瑟庄妮：（Sejuani）", @"恶魔小丑：萨科（Shaco）", @"暮光之眼：慎（Shen）", @"龙血武姬：希瓦娜（Shyvana）", @"炼金术士：辛吉德（Singed）", @"亡灵勇士：赛恩（Sion）", @"战争女神：希维尔（Sivir）", @"水晶先锋：斯卡纳（Skarner）", @"琴瑟仙女：娑娜（Sona）", @"众星之子：索拉卡（Soraka）", @"策士统领：斯维因（Swain）", @"暗黑元首：辛德拉（Syndra）", @"刀锋之影：泰隆（Talon）", @"宝石骑士：塔里克（Taric）", @"迅捷斥候：提莫（Teemo）", @"魂锁典狱长：锤石（Thresh）", @"麦林炮手：崔丝塔娜（Tristana）", @"诅咒巨魔：特兰德尔（Trundle）", @"蛮族之王：泰达米尔（Tryndamere）", @"卡牌大师：崔斯特（Twisted Fate）", @"瘟疫之源：图奇（Twitch）", @"野兽之灵：乌迪尔（Udyr）", @"首领之傲：厄加特（Urgot）", @"惩戒之箭：韦鲁斯（Varus）", @"暗夜猎手：薇恩（Vayne）", @"邪恶小法师：维伽（Veigar）", @"皮城执法官：蔚（Vi）", @"机械先驱：维克托（Viktor）", @"猩红收割者：弗拉基米尔（Vladimir）", @"雷霆咆哮：沃利贝尔（Volibear）", @"嗜血猎手：沃里克（Warwick）", @"远古巫灵：泽拉斯（Xerath）", @"德邦总管：赵信（XinZhao）", @"掘墓者：约里克(Yorick)", @"影流之主：劫（Zed）", @"爆破鬼才：吉格斯（Ziggs）", @"时光守护者：基兰（Zilean）", @"荆棘之兴：婕拉（Zyra）"].mutableCopy; }
#pragma mark 协议中的方法
- (void)updateSearchResultsForSearchController:(UISearchController *)searchController{
[self.searchResults removeAllObjects];
//NSPredicate 谓词
NSPredicate *searchPredicate = [NSPredicate predicateWithFormat:@"self contains[cd] %@",searchController.searchBar.text];
self.searchResults = [[self.items filteredArrayUsingPredicate:searchPredicate]mutableCopy];
//刷新表格
[self.tableView reloadData];
}
#pragma mark - Table view data source
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
// Return the number of sections.
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return (!self.searchController.active) ? self.items.count : self.searchResults.count;
}
返回cell:
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:kTableCell forIndexPath:indexPath];
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:kTableCell];
}
if (indexPath.row > 0) {
cell.imageView.frame = CGRectMake(60, 60, 10, 10);
cell.imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"%ld",indexPath.row + 43]];
cell.textLabel.font = [UIFont systemFontOfSize:15];
}
cell.textLabel.text = (!self.searchController.active) ? self.items[indexPath.row] : self.searchResults[indexPath.row];
return cell;
}
业务代理返回高:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
if (indexPath.row == 0) {
return 100 ;
}else{
return 80;
}
}
终究效果:
