IOS-TableView的使用

作者: 温学振 | 来源:发表于2018-01-25 20:34 被阅读71次

    UITableView是我们在开发中最常用的组件了 所以熟悉使用是绝对有必要
    UITableView继承ScroollView 所以同样遵守ScroollView的代理

    1、UITableViewDataSource

    • 必须的要写的
    // 返回多少分区,没实现该方法,默认为1
    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
    // 返回第section个分区中有多少行
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
    

    2、 UITableViewDelegate

    • 2.1cell的显示

    // 即将显示tableviewcell时调用
    - (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath;
    // 即将显示header时调用,在cell之后调用
    - (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section NS_AVAILABLE_IOS(6_0);
    // 即将显示footer时调用,在header之后调用
    - (void)tableView:(UITableView *)tableView willDisplayFooterView:(UIView *)view forSection:(NSInteger)section NS_AVAILABLE_IOS(6_0);
    // 在删除cell之后调用,停止显示cell的时候调用,界面不显示cell时。
    - (void)tableView:(UITableView *)tableView didEndDisplayingCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath*)indexPath NS_AVAILABLE_IOS(6_0);
    // 停止显示header的时候调用
    - (void)tableView:(UITableView *)tableView didEndDisplayingHeaderView:(UIView *)view forSection:(NSInteger)section NS_AVAILABLE_IOS(6_0);
    // 停止显示footer的时候调用
    - (void)tableView:(UITableView *)tableView didEndDisplayingFooterView:(UIView *)view forSection:(NSInteger)section NS_AVAILABLE_IOS(6_0);
    
    
    • 2.2准确高度

    // Variable height support
    // cell高
    - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;
    //头高
    - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section;
    //尾高
    - (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section;
    
    • 2.3粗略高度

    • 先于准确高度调用,如果都写了。那么以准确高度为准。
    • 小技巧,在一个高度不确定的cell里,可以配合约束(一定要从上到下),自动计算cell的高度
    // Use the estimatedHeight methods to quickly calcuate guessed values which will allow for fast load times of the table.
    // If these methods are implemented, the above -tableView:heightForXXX calls will be deferred until views are ready to be displayed, so more expensive logic can be placed there.
    - (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(7_0);
    - (CGFloat)tableView:(UITableView *)tableView estimatedHeightForHeaderInSection:(NSInteger)section NS_AVAILABLE_IOS(7_0);
    - (CGFloat)tableView:(UITableView *)tableView estimatedHeightForFooterInSection:(NSInteger)section NS_AVAILABLE_IOS(7_0);
    
    • 2.4头尾View

    • 一定要写头尾的高度才有校
    - (nullable UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section;   
    // custom view for header. will be adjusted to default or specified header height
    - (nullable UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section;   
    // custom view for footer. will be adjusted to default or specified footer height
    
    • 2.5附件类型

    • 就是原生tableViewCell右边的箭头
    - (UITableViewCellAccessoryType)tableView:(UITableView *)tableView accessoryTypeForRowWithIndexPath:(NSIndexPath *)indexPath 
    - (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath;
    
    • 2.6操作Cell调用

    // cell选中时调用
    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;
    // cell取消选中时调用
    - (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(3_0);
    
    • 2.7编辑下的各种调用

    // 返回每一行cell的编辑模式, 可以再次设置add或者删除操作。
    - (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath;
    // cell左滑删除时,删除按钮的标题
    - (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(3_0);
    // 自定义编辑左滑后出现的界面。  不止只有一个delete按钮, 可以自行定义,返回一个数组。数组中放着UITableviewRowAction
    - (NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(8_0);
    // 未实现 默认为yes,进入编辑时,cell是否缩进。  在开启编辑状态时调用。
    - (BOOL)tableView:(UITableView *)tableView shouldIndentWhileEditingRowAtIndexPath:(NSIndexPath *)indexPath;
    // 右滑准备进行编辑的时候 调用。 将setediting = yes时不调用
    - (void)tableView:(UITableView*)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath;
    // 完成编辑的时候调用
    - (void)tableView:(UITableView*)tableView didEndEditingRowAtIndexPath:(NSIndexPath *)indexPath;
    
    • 2.8Cell对应的索引

    //返回要显示的section索引标题
    - (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView;
    // return list of section titles to display in section index view (e.g. "ABCD...Z#")
    // 点击右侧索引表项时调用
    - (NSInteger)tableView:(UITableView *)tableView sectionForSectionIndexTitle:(NSString *)title atIndex:(NSInteger)index;
    // 返回指定点所在位置的indexPath
    - (NSIndexPath *)indexPathForRowAtPoint:(CGPoint)point;
    // 返回指定cell所在的indexPath
    - (NSIndexPath *)indexPathForCell:(UITableViewCell *)cell;
    // 返回指定范围rect中的所有cell的indexPath
    - (NSArray *)indexPathsForRowsInRect:(CGRect)rect;                              // returns nil if rect not valid
    // 返回索引indexPath所指向的cell。
    - (UITableViewCell *)cellForRowAtIndexPath:(NSIndexPath *)indexPath;
    

    3、如何构造以及属性

    • 防止重用
    tableView *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    if (!cell) {
         cell = [[tableView alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
        }
    //在cell里
    -(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
        if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
            
     
        }
        return self;
    }
    

    4、cell的刷新

    // 重新载入tableview所有cell  一般是在数据源有改变的时候
    - (void)reloadData;
    

    5、插入,删除,刷新,移动组

    // 插入,删除,刷新,移动section组
    // 插入section
    - (void)insertSections:(NSIndexSet *)sections withRowAnimation:(UITableViewRowAnimation)animation;
    // 删除section
    - (void)deleteSections:(NSIndexSet *)sections withRowAnimation:(UITableViewRowAnimation)animation;
    // 刷新section
    - (void)reloadSections:(NSIndexSet *)sections withRowAnimation:
    (UITableViewRowAnimation)animation NS_AVAILABLE_IOS(3_0);
    // 移动section
    - (void)moveSection:(NSInteger)section toSection:(NSInteger)newSection NS_AVAILABLE_IOS(5_0);
    
    
    • tableViewCell的展开

    • 重点是用某个数组重新载入cell的section
    - (void)loadData {
        if (!self.dataArray) {
            self.dataArray = [NSMutableArray array];
        }
        if (!self.isExpland) {
           self.isExpland = [NSMutableArray array];
        }
    
        //这里用一个二维数组来模拟数据。
        self.dataArray = [NSArray arrayWithObjects:@[@"a",@"b",@"c",@"d"],@[@"d",@"e",@"f"],@[@"h",@"i",@"j",@"m",@"n"],nil].mutableCopy;
    
        //用0代表收起,非0(不一定是1)代表展开,默认都是收起的
        for (int i = 0; i < self.dataArray.count; i++) {
            [self.isExpland addObject:@0];
        }
        [self.tableView reloadData];
    }
    
    #pragma mark - Table view data source
    
    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    
        return self.dataArray.count;
    }
    
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
        //这里是关键,如果选中
        NSArray *array = self.dataArray[section];
        if ([self.isExpland[section] boolValue]) {
            return array.count;
        }
        else {
            return 0;
        }
    
    }
    
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath];
    
        if (cell == nil) {
            cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"cell"];
        }
        cell.textLabel.text = self.dataArray[indexPath.section][indexPath.row];
        return cell;
    }
    
    - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    
        UIButton *headerSection = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, 44)];
        headerSection.tag = 666+section;
    
        //标题
        [headerSection setTitle:[NSString stringWithFormat:@"第%@组",@(section)] forState:UIControlStateNormal];
    
        [headerSection addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
        return headerSection;
    }
    
    - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
        return 44;
    }
    
    - (void)buttonAction:(UIButton *)button {
        NSInteger section = button.tag - 666;
        self.isExpland[section] = [self.isExpland[section] isEqual:@0]?@1:@0;
        NSIndexSet *set = [NSIndexSet indexSetWithIndex:section];
        [self.tableView reloadSections:set withRowAnimation:UITableViewRowAnimationFade];
    }
    
    

    相关文章

      网友评论

        本文标题:IOS-TableView的使用

        本文链接:https://www.haomeiwen.com/subject/lvlaoxtx.html