这门课 最麻烦 实用 的组件来了。。。
这个组件的学习分了四个课时,基本上占用了第三周的全部课程,而第三周的作业基本就是TableView的使用。。Fighting!
要素
- 数据集的输入(data source)
- 每行数据的显示 (view factiory(row data))
- 操作(event handler)
1.点击
2.调整顺序
3.增删改
OC中的实现
主要方法和属性
.style:plan,grouped
typedef NS_ENUM(NSInteger, UITableViewStyle) {
UITableViewStylePlain, // regular table view
UITableViewStyleGrouped // preferences style table view
};
@protocol UITableViewDataSource<NSObject>
//@required
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath;
//@optional
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
- (nullable NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;
- (nullable NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;
@protocol UITableViewDelegate<NSObject, UIScrollViewDelegate>
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
方法和属性一览
原文:http://blog.csdn.net/melt_1026/article/details/50085599
Methods
Properties
UITableViewDelegate
UITableViewDataSource
代码举例
#pragma mark --viewController dataSource--
//@required
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
if ( section == 0 ) {
return INSERTTING ? 5 + self.insertedRows : 5;
}
else {
return 10 ;
}
}
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath{
NSString *cellID=[NSString stringWithFormat:@"cell_sec_%ld",(long)indexPath.section];
//cell的重复使用和Identifier
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];//可重用标志
if(cell == nil) {
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
//--style 枚举--
// UITableViewCellStyleDefault
// UITableViewCellStyleValue1
// UITableViewCellStyleValue2
// UITableViewCellStyleSubtitle
}
cell.textLabel.text =[NSString stringWithFormat:@"%ld",(long)indexPath.row];
cell.detailTextLabel.text =[NSString stringWithFormat:@"%ld-%ld",(long)indexPath.section,(long)indexPath.row];
return cell;
// return [[UITableViewCell alloc]init];
}
//@optional
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return 2;
}
#pragma mark --viewController events--
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
// NSLog(@"select %d,%d",(int)indexPath.section,(int)indexPath.row);
_message = [NSString stringWithFormat:@"%ld-%ld",(long)indexPath.section,(long)indexPath.row];
[self performSegueWithIdentifier:@"2d" sender:self];
}
//----edit----
//默认编辑按钮
-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{
if ( INSERTTING )
return UITableViewCellEditingStyleInsert; // need call [tableView setEditing:YES]; to enter editing mode
else
return UITableViewCellEditingStyleDelete; // UITableView has built-in swipping gesture.
// return UITableViewCellEditingStyleNone;
// return UITableViewCellEditingStyleDelete;
// return UITableViewCellEditingStyleInsert;
}
//是否所有行可编辑
-(bool)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{
return YES;
}
//打开手势编辑
-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{
if ( editingStyle == UITableViewCellEditingStyleDelete ) {
// delete the row selected
self.insertedRows --;
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];
} else if ( editingStyle == UITableViewCellEditingStyleInsert ) {
// insert a row before the row selected
self.insertedRows ++;
[tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
}
}
//移动
-(void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath{
}
用自定义 Cell 做出任何想要的 Table
图例:
制作步骤(方法一):使用. xib
1.新建一个TableViewCell 对象
2.在 .xib 中 随便做些什么
3.在 .h 文件中做接口,并关联到. xib 文件
4.在主 ViewController 中import 入TableViewCell.h
5.在 viewDidLoad 中加入
[self.tableView registerNib:[UINib nibWithNibName:kTableCellNibName bundle:nil] forCellReuseIdentifier:kCellIdentifier];
6.在ViewController中加入
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{}
TableViewCell *cell = (TableViewCell *)[self.tableView dequeueReusableCellWithIdentifier:kCellIdentifier forIndexPath:indexPath];
7.赋值 (好像在 cell.m 中也行吧)
cell.lbClassName.text = classname.name;
cell.lbClassID.text = classname.classId;
8.完成!!
制作步骤(方法二):使用 Prototype Cell
步骤差不多,只是直接在 MainView 中画出 Cell, 感觉可视化程度较高些.
UIRefreshControl
制作步骤:
- 选择相关的 View
2.开启refreshControl选项
3.在ViewController 中加入响应事件
- (IBAction)refreshing:(id)sender {
//加入自定义响应事件
//刷新
[self.refreshControl endRefreshing];
[self.tableView reloadData];
}
[self.tableView registerNib:[UINib nibWithNibName:kTableCellNibName bundle:nil] forCellReuseIdentifier:kCellIdentifier];
4.完成撒花~~