UITableView使用Click添加更多单元格

时间:2015-03-21 10:26:55

标签: ios objective-c uitableview

我在UITableView的最后一个单元格中添加了UIButton,我想用点击显示更多单元格。

- (void)viewDidLoad {
    [super viewDidLoad];

    rowCount = 15;
    dataArray = [[NSMutableArray alloc] init];
    for (int i = 0; i < 100; i++) {
        NSString *value = [NSString stringWithFormat:@"the value of row is: %d", i +1];
        [dataArray addObject:value];
    }

}

...

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return rowCount;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *idintify = @"Cell";
    UITableViewCell *cell = [self.myTable dequeueReusableCellWithIdentifier:idintify];

    [cell.textLabel setText:dataArray[indexPath.row]];

    if (indexPath.row == rowCount -1) {
        UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, self.myTable.frame.size.width, 44)];
        [button addTarget:self action:@selector(cellButtonClicked) forControlEvents:UIControlEventTouchUpInside];
        [button setBackgroundColor:[UIColor yellowColor]];
        [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [button setTitle:@"Show more..." forState:UIControlStateNormal];
        [cell addSubview:button];

    }


    return cell;
}

...

- (void)cellButtonClicked
{
    if (rowCount +10 >= dataArray.count) {
        rowCount = dataArray.count;

    } else {
        rowCount += 10;
    }
    [self.myTable reloadData];
    NSLog(@"%ld", (long)rowCount);
}

开始正常工作时,但当我滚动表格时,单元格没有改变!

enter image description here

我想在最后一个单元格中显示按钮

3 个答案:

答案 0 :(得分:1)

用户滚动时,将重用表格视图中的单元格。当您向单元格原型的实例添加按钮并且不删除它时,该按钮仍然保留,即使该单元格稍后在另一个索引处使用。这会导致屏幕截图中显示的内容。

您应该在界面构建器中创建两个单元格原型,并且您的cellForRow:atIndexPath:应该如下所示:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Return cell with data

    if (indexPath.row < dataArray.count) {
        UITableViewCell *cell = [self.myTable dequeueReusableCellWithIdentifier:@"cell_prototype_1"];
        [cell.textLabel setText:dataArray[indexPath.row]];
        return cell;
    }     

    // If it's the last index, return cell with button

    else {
        UITableViewCell *cell = [self.myTable dequeueReusableCellWithIdentifier:@"cell_prototype_2"];
        return cell;
    }

    // This won't get called

    return [UITableViewCell new];
}

答案 1 :(得分:0)

如果您使用两个不同的单元格,那将更好,否则替换您的cellForRowAtIndexPath中的代码

if (indexPath.row == rowCount -1){}

if ( (indexPath.row-15)%10 == 0 ){}

和Put

[cell.textLabel setText:dataArray[indexPath.row]];

在else部分。

并将代码放在UITableViewCell * cell ....

之下
for(UIView *view in cell.view.subviews){
   if([view isKindOfClass: [UIButton class]]){
[view removeFromSuperView];
   }
}

答案 2 :(得分:0)

我认为您需要刷新可见的单元格,执行:

[tableView reloadRowsAtIndexPaths:[tableView indexPathsForVisibleRows] 
             withRowAnimation:UITableViewRowAnimationNone];

更好的方法是你有2个原型单元格,一个用于数据,一个用于按钮。让我们假设你给第二个标识符“buttonCell”,而不是你这样做:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *idintify = (indexPath.row < rowCount -) ? @"Cell" : @"buttonCell";
    UITableViewCell *cell = [self.myTable dequeueReusableCellWithIdentifier:idintify];

    if (cell == nil) //initialize 

    if (indexPath.row < rowCount -1) {
        [cell.textLabel setText:dataArray[indexPath.row]];

    }

    return cell;
}

并在didSelectRowAtIndexPath中增加rowCount并重新加载数据indexPath.row == rowCount - 1