06-UIKit(tableView数据模型)
目录:
一、UIPageControl在页面下显示点
1 重要属性
.numberOfPages有多少个点
.userInteractionEnabled用户控制交互开关
.currentPage当前页
//创建图片下方的点 PageControl
UIPageControl *pageControl = [[UIPageControl alloc] init];
pageControl.frame = CGRectMake(0, self.view.frame.size.height - 50, self.view.frame.size.width, 20);
//有多少个点
pageControl.numberOfPages = self.imageNames.count;
//控制用户交互开关 点小点是否起作用
pageControl.userInteractionEnabled = NO;
self.pageControl = pageControl;
[self.view addSubview:pageControl];
这里有一个滑动页面之后调用的一个方法,这个方法是scrollview代理中的一个很重要的方法
//滑动之后调用的方法
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
CGPoint point = scrollView.contentOffset;
//NSLog(@"%lf,%lf",point.x,point.y);
//改变pageControl的当前也属性currentPage
self.pageControl.currentPage = round(point.x / 320);
}
二、table view数据模型
1 数据模型1 tableview -> nsarray -> 对象 -> 属性
MXMyTableViewController : UITableViewController
2 推出新的界面,基本上需要用navigation做
tableview的数据模型1是这样的:首先定义一个公开或者是似有的NSArray数组,定义一个继承自NSObject类,这个类有属性,在tableview中把这个类的引用添加到数组中,然后访问对象里的属性。
三问一响应中的一响应是这样的:就是点击tableview里的cell(中文单人小室)之后做出的响应,这个响应肯定推出一个界面,这个界面是UIViewController通常用self.navagationcontroller导航视图push这个视图,从而成为导航视图中的一个视图,在tableview的代理中系统给我们提供了一个方法来推出这个界面,这个方法是:
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
在这个方法里面创建了一个uiviewcontroller视图并被navigationcontroller导航视图push出来。此时一般需要正向传值。
MXPhoto *photo = self.photos[indexPath.row];
detailViewController.bigPictureFilename = photo.bigPicuterFileName;
3 模型2:tableview -> NSArray -> 对象 -> NSArray
+(NSArray *)areas{
MXArea *a1 = [[MXArea alloc] init];
a1.name = @"北京";
a1.subNames = @[@"东城", @"西城", @"崇文", @"宣武", @"朝阳", @"海淀"];
MXArea *a2 = [[MXArea alloc] init];
a2.name = @"上海";
a2.subNames = @[@"浦东", @"洋浦", @"松江", @"虹口", @"徐汇", @"闸北"];
MXArea *a3 = [[MXArea alloc] init];
a3.name = @"广州";
a3.subNames = @[@"天河", @"棠下", @"越秀", @"白云"];
return @[a1,a2,a3];
}
程序流程:
1.创建MXAreaTableViewController
2.注入Model数据
3.navi显示MXAreaTableViewController,三问?几个分区,几行,每一行cell
4.一响应,实现didSelectRowAtIndexPath方法
在方法中推新的tableViewController,在推新的tableViewController之前需要正向传值,
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
MXSubAreaTableViewController *detailViewController = [[MXSubAreaTableViewController alloc] initWithNibName:@"MXSubAreaTableViewController" bundle:nil];
// 传值
MXArea *area = self.areas[indexPath.row];
detailViewController.subAreas = area.subNames;
detailViewController.title = area.name;
// Push the view controller.
[self.navigationController pushViewController:detailViewController animated:YES];
}
加深理解
模型2:NSArray 1-> 对象 -> NSArray2
NSArray 1中有多少个对象就有多少个section。
每个section有多少行,以section做为下标拿到对象,对象中的NSArray2中有多少数据,就有多少行。
每一行是cell,先通过indexPath.section确定是哪个对象,在通过indexPath.row确定此对象中的NSArray2是哪个。
return self.areas.count;//返回区数
MXArea *area = self.areas[section];
return area.subNames.count;//返回行数
MXArea *area =self.areas[indexPath.section];//区
cell.textLabel.text = area.subNames[indexPath.row];//行
加一问:每个section的header叫什么名字,tableview遵守的协议UITableViewDataSource中提供了一个方法解决这个问题
-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
MXArea *area = self.areas[section];
return area.name;
}
三、反向传值给TableView并更新
1 输入界面MXInputViewController(委托方)
三步曲:
1)定义委托协议
2)定义委托属性delegate
3)用户输入完成后调用委托对象的方法,传参
2 显示界面MXMemoireViewController(被委托方) TableView
三步曲:
1) 遵守委托协议
2) 实现委托方法
3) 设置当前对象为委托方的delegate
在委托方法中:
1)更新Model数据
2)更新界面
两种方式:
//更新界面 两种方法
// 1 全部更新 不推荐使用
//[self.tableView reloadData];//重新加载 全部加载 代价大
// 2 逐行添加 只更新指定行
NSIndexPath *indexPath = [NSIndexPath indexPathForItem:self.memoires.count-1 inSection:0];
[self.tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
作业:
1. 写一个模仿通讯录的程序
1)数据模型:
MXContact:
-firstName: 姓
-lastName: 名
-phoneNumber: 电话号码
-iphone: 电话号码
2)显示界面
Navigation包TableViewController
TableViewController
-contacts : NSMutableArray
-[item] MXContact
3)添加联系人界面
自己设计,要求不能用navi push此界面,要用present来展示此界面,但此界面也有自己的NavigationController
会涉及反向传值, 使用委托
2. 春节前淘宝广告:
做一个TableViewController的界面,界面的最上面一行是广告栏,再下面才是商品列表
广告是一个Cell, Cell中有一个UIScrollView, UIScrollView中有多个UIImageView, 多个imageView可以滚动
控制frame的问题
补充知识点:
[NSMutableArray copy];NSMutableArray调用copy方法返回NSArray