iOS应用开发实战（14-17）－TableView

这门课 最麻烦 实用 的组件来了。。。
这个组件的学习分了四个课时，基本上占用了第三周的全部课程，而第三周的作业基本就是TableView的使用。。Fighting！

要素

1. 数据集的输入(data source)
2. 每行数据的显示 (view factiory(row data))
3. 操作(event handler)
   1.点击
   2.调整顺序
   3.增删改

OC中的实现

结构.png

主要方法和属性

.style:plan,grouped
typedef NS_ENUM(NSInteger, UITableViewStyle) {
    UITableViewStylePlain,          // regular table view
    UITableViewStyleGrouped         // preferences style table view  
};

@protocol UITableViewDataSource
//@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
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

方法和属性一览

原文：http://blog.csdn.net/melt_1026/article/details/50085599

20151128172641634.png

Methods

20151128172941695.png

Properties

20151128172959075.png

UITableViewDelegate

20151128173013403.png

UITableViewDataSource

20151128173024372.png

代码举例

#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 对象

1

2.在 .xib 中 随便做些什么

2

3.在 .h 文件中做接口,并关联到. xib 文件

3

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

图例

制作步骤:

1. 选择相关的 View

1

2.开启refreshControl选项

2

3.在ViewController 中加入响应事件

- (IBAction)refreshing:(id)sender {
    //加入自定义响应事件

    //刷新
    [self.refreshControl endRefreshing];
    [self.tableView reloadData];
}


[self.tableView registerNib:[UINib nibWithNibName:kTableCellNibName bundle:nil] forCellReuseIdentifier:kCellIdentifier];

4.完成撒花~~