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

iOS高级控件之tableViewController-城市列表

时间:2016-03-26 22:19:15      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:

今天我们要做的是一个城市信息的展示,先给大家看看是怎样的一个效果,我想应该是绝对的实用^_^
技术分享

好了,接下来我就简要的给大家讲讲步骤,因为技术博客写的真心不多,也不知道该怎样讲才能把每一个人都看懂,但是宝宝我本着写有态度的博客,尽量的将细节描述详尽,不对的地方,望指正。

哈哈 虽然感觉并没有多少人看,我想我应该是自己的忠实的粉丝^_^好了不说废话了,进入正题

首先,建立一个新的工程,然后将storyboard中的viewController删除,同时将左侧viewController.h和.m一并删除,因为这是一个专有控件的demo,所以避免出现一系列繁杂的代码^_^

同时新建oc的类MainTableViewController,记住要继承至UITableViewController,同时再新建一个CitiesTableViewController用于存储显示城市的信息。

再storyboard中将Table View Controller拖进项目,并将Table View Controller的class设置成为MainTableViewController,这样这个类和这个Table view controller就相关联了。接着记得把这个选上,这就是手机在运行时,第一个显示的画面,相当于初始化,否则就是黑屏的。
技术分享
同时将之前对provinces和cities的plist全部都拉进项目,这里就不赘述了。

定义一下,同时在初始化数据,这些都是老套路

//省份数组
@property (strong,nonatomic)NSArray *provinces;
//城市字典
@property (strong,nonatomic)NSDictionary *cities;
- (void)viewDidLoad {
[super viewDidLoad];    
//初始化数据
NSBundle *bundle = [NSBundle mainBundle];
self.provinces = [NSArray arrayWithContentsOfFile:[bundle pathForResource:@"provinces" ofType:@"plist"]];
self.cities = [NSDictionary dictionaryWithContentsOfFile:[bundle pathForResource:@"cities" ofType:@"plist"]];

}

接着就是设置数据源

#pragma mark 指定section分组的数据行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    // Return the number of rows in the section.
    return self.provinces.count;
}

然后我们要设置cell中显示什么内容

#pragma mark 指定表格显示内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

 static NSString *CellIdentifier = @"myCell";
 UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

// 如果没有在缓存池找到单元格,实例化一个新的单元格
if (cell == nil) {
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
}
// Configure the cell...
[cell.textLabel setText:self.provinces[indexPath.row]];

return cell;
}

然后我们要知道,当我们点击了哪一行,然后通过这个信息在城市字典中将省份的数组取出,这里要做连线准备,同时我们要在storyboard中新建一个tableviewcontroller,并把class和citiestableviewcontroller关联起来。

技术分享

对了,这个setCities方法是要在citiestableviewcontroller中定义,宝宝这边就不重复说了,所以大家懂的。记得import头文件

接着我们来写citiestableviewcontroller.m,其实很简单,把其他没用的都删除,我们只要2个效果,一个是返回多少行,另一个是在返回的这些行里面显示什么内容。代码几乎是和之前一样一样的。

//返回的行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.cities.count;
}

技术分享
大家肯定对上面的@”myCity”和之前的@”myCell”产生疑惑,这是哪来的,这其实也是一个细节,我们打开storyboard,在tableviewcontroller下面有一个table view,再下面有一个cell,这里将cell标记一个标签的作用,也就相当于起名字一样的道理。

仅仅这样肯定是不行的,这样会遇到一个很尴尬的场面,那就是点击进入了某个省,结果无法返回了,哈哈

这时候就需要另一个控件,Navigation Controller,将其拖入storyboard中,并将与之伴随多viewcontroller删除,在属性中将启动项 Is initial view controller打勾,这时原来在省份tableviewcontroller前面的肩头就跑到了Navigation Controller
技术分享
同时将Navigation Controller与MaintableviewController连接起来,这里就不赘述了,给大家个提示大家自己去完成吧 很简单,只要是root view controller,同时省份与城市之间的连接,选择Accessory action事件下面的push,这样在城市列表中仍然会出现
Navigation Controller

技术分享

其他的一些美化和命名的操作就不再介绍,相信这个demo一定能够在学习之路上对您有所帮助^_^

写有态度的博客,做有情怀的人!

iOS高级控件之tableViewController-城市列表

标签:

原文地址:http://blog.csdn.net/clay_zhang/article/details/50988723

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