Tải lại tùy chỉnh UITableViewCell sau khi sắp xếp lại các ô

Question

Tôi có UITableView sử dụng tùy chỉnh UITableViewCell s. Các ô có thể có một trong ba loại hình nền (được đặt trong thuộc tính .backgroundView.image của mỗi ô): trên cùng, giữa hoặc dưới. Các hình ảnh trên cùng và dưới cùng dành cho các ô đầu tiên và cuối cùng, và có các góc tròn (giống như các ô của UITableView được nhóm). Tất cả các ô "trung bình" khác trong hình UITableView đều có hình nền ở giữa hình chữ nhật.

Vấn đề của tôi là khi sắp xếp lại các ô trong chế độ Chỉnh sửa, các ô không làm mới với hình nền khác tùy thuộc vào vị trí mới của chúng. Ví dụ: nếu tôi di chuyển ô đầu tiên vào giữa bảng, nó vẫn giữ nguyên hình nền "trên cùng" ban đầu (với các góc tròn) và ô mới xuất hiện ở đầu chế độ xem bảng vẫn có "trung bình" ban đầu của nó hình nền, tất cả trông hơi lạ.

Tôi có thể giải quyết vấn đề này bằng cách thực hiện reloadData trên chế độ xem bảng nhưng điều này có vấn đề không mang lại hiệu ứng động đẹp mắt cho những thay đổi. Tôi nhận thấy rằng khi sắp xếp lại một nhóm tiêu chuẩn UITableView ngay sau khi một ô được di chuyển/kéo hình nền trên các ô có liên quan thay đổi (ngay cả trước khi ô di chuyển đã được thả vào vị trí mới của nó) trông rất đẹp. Tôi muốn đạt được điều tương tự.

Để kết thúc này, tôi đã triển khai tableView:targetIndexPathForMoveFromRowAtIndexPath:toProposedIndexPath được gọi là mỗi lần một hàng được kéo xung quanh trong chế độ xem bảng. Trong bài này tôi đã thử các phương pháp khác nhau để thiết lập backgroundView.image bao gồm chỉ trực tiếp thiết lập hình ảnh và sau đó cũng yêu cầu nó vẽ lại ô và/hoặc hình ảnh bằng cách sử dụng setNeedsLayout và setNeedsDisplay nhưng không có gì làm cho việc vẽ lại ô. Tôi có NSLog 'ged kết quả của những thay đổi này và họ dường như cam kết với các tế bào, như các giá trị chính xác xuất hiện trong NSLog, nhưng các tế bào dường như không được cập nhật trên màn hình.

Nếu bất cứ ai có thể chỉ ra những gì tôi đang làm sai, hoặc đề xuất một cách tốt hơn để đạt được một kết quả làm việc, tôi sẽ rất cảm kích. Cảm ơn!

EDIT: đoạn mã sau được kéo từ tiền thưởng và được định dạng để nó có thể được dễ dàng hơn tiêu hóa:

UIImage *rowBackground; 
UIImage *selectionBackground; 
NSInteger sectionRows = [_tableView numberOfRowsInSection:[indexPath section]]; 
NSInteger row = [indexPath row]; 
if (row == 0 && row == sectionRows - 1) 
{ 
    rowBackground = [UIImage imageNamed:@"field_title_bkg.png"]; 
    selectionBackground = [UIImage imageNamed:@"field_title_bkg.png"]; 
} 
else if (row == 0) 
{ 
    rowBackground = [UIImage imageNamed:@"table_row_top_bkg.png"]; 
    selectionBackground = [UIImage imageNamed:@"table_row_top_bkg.png"]; 
} 
else if (row == sectionRows - 1) 
{ 
    rowBackground = [UIImage imageNamed:@"table_bottom_row_bkg.png"]; 
    selectionBackground = [UIImage imageNamed:@"table_bottom_row_bkg.png"]; 
} 
else 
{ 
    rowBackground = [UIImage imageNamed:@"table_row_bkg.png"]; 
    selectionBackground = [UIImage imageNamed:@"table_row_bkg.png"]; 
} 
UIImageView *rowBackGroundImageView = [[UIImageView alloc] initWithImage:rowBackground]; 
UIImageView *rowBackGroundSelectionImageView = [[UIImageView alloc] initWithImage:selectionBackground]; 
if (row != sectionRows - 1) 
{ 
    UIImageView *sep = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"cell_separator.png"]]; 
    [sep setFrame:CGRectMake(20, 56, 280, 1)]; 
    [rowBackGroundImageView addSubview:sep]; 
} 
[cell setBackgroundView:rowBackGroundImageView]; 
[rowBackGroundImageView release]; 

Answer 1

tôi đã không cố gắng bản thân mình nhưng tại sao không kiểm tra giá trị indexPath.row của bạn vào phương pháp cellForRowAtIndexPath và cung cấp các giá trị backgroundView.image khác nhau cho hàng đầu tiên và cuối cùng?

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 

Tôi hy vọng điều này sẽ hữu ích. Chúc mừng, Rog

Answer 2

Nếu bạn chỉ muốn tải lại một vài tế bào chứ không phải toàn bộ bảng, bạn có thể sử dụng:

reloadRowsAtIndexPaths:withRowAnimation: 

sẵn như là một phương pháp thể hiện của UITableView.

Answer 3

(this solution only works for the reordering of rows within the same section. It'll fail when dragging and dropping rows to a different section)

tôi đã cùng một vấn đề khi cập nhật văn bản nhãn chi tiết của tế bào sau khi được sắp xếp lại.

Tôi giải quyết nó với đoạn mã sau:

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath 
{ 
UITableViewCell* cell = [self.table cellForRowAtIndexPath:fromIndexPath]; 
cell.detailTextLabel.text = @"NEW STRING"; 
} 

Lưu ý rằng bạn phải cập nhật các tế bào ở fromIndexPath, bởi vì nó có vẻ như tình trạng nội bộ của tableview không cập nhật cho đến khi phương pháp này lợi nhuận . Nếu bạn nhận được ô tại toIndexPath, sau khi sắp xếp lại kết thúc, bạn sẽ thấy ô lân cận được cập nhật. (đầu hoặc cuối).

Answer 4

Hãy thử điều này:

[tableView beginUpdates]; 
[tableView endUpdates]; 

Answer 5

các apis cho tải lại một phần hàng trong sdk ios không hoạt động tốt (đó là lý do tại sao ppl làm theo bài này ở đây)

tôi sẽ chỉ sử dụng bộ đếm thời gian để tải lại toàn bộ dữ liệu sau khi sắp xếp lại kết thúc hoạt ảnh. Nó phù hợp với tôi.

- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath 
{ 
    //things to be done when reordering rows 
    .... 


    //issue a timer to reload data 
    NSTimer* timer = [NSTimer scheduledTimerWithTimeInterval: 0.1 
              target: self 
              selector:@selector(updateRow) 
              userInfo: nil repeats:NO]; 


} 


-(void) updateRow 
{ 

    [self.table reloadData]; 

} 

Answer 6

Viết mã bên dưới vào dự án của bạn và nó sẽ hoạt động như mong đợi.

- (NSIndexPath *)tableView:(UITableView *)tableView 
targetIndexPathForMoveFromRowAtIndexPath:(NSIndexPath *)sourceIndexPath 
     toProposedIndexPath:(NSIndexPath *)proposedDestinationIndexPath 
{ 
    NSInteger sectionRows = [tableView numberOfRowsInSection:[sourceIndexPath section]]; 

    UITableViewCell *sourceCell = [tableView cellForRowAtIndexPath:sourceIndexPath]; 
    UITableViewCell *destCell = [tableView cellForRowAtIndexPath:proposedDestinationIndexPath]; 

    if(sourceIndexPath.row == 0 && proposedDestinationIndexPath.row == 1) 
    { 
     ((UIImageView *)destCell.backgroundView).image = [UIImage imageNamed:@"table_row_top_bkg.png"]; 

     if(proposedDestinationIndexPath.row == sectionRows - 1) 
      ((UIImageView *)sourceCell.backgroundView).image = [UIImage imageNamed:@"table_bottom_row_bkg.png"]; 
     else 
      ((UIImageView *)sourceCell.backgroundView).image = [UIImage imageNamed:@"table_row_bkg.png"]; 
    } 

    else if(sourceIndexPath.row == sectionRows - 1 && proposedDestinationIndexPath.row == sectionRows - 2) 
    { 
     ((UIImageView *)destCell.backgroundView).image = [UIImage imageNamed:@"table_bottom_row_bkg.png"]; 

     if(proposedDestinationIndexPath.row == 0) 
      ((UIImageView *)sourceCell.backgroundView).image = [UIImage imageNamed:@"table_row_top_bkg.png"]; 
     else 
      ((UIImageView *)sourceCell.backgroundView).image = [UIImage imageNamed:@"table_row_bkg.png"]; 
    } 

    else if(proposedDestinationIndexPath.row == 0) 
    { 
     ((UIImageView *)sourceCell.backgroundView).image = [UIImage imageNamed:@"table_row_top_bkg.png"]; 

     destCell = [tableView cellForRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:proposedDestinationIndexPath.section]]; 
     if(sectionRows == 2) 
      ((UIImageView *)destCell.backgroundView).image = [UIImage imageNamed:@"table_bottom_row_bkg.png"]; 
     else 
      ((UIImageView *)destCell.backgroundView).image = [UIImage imageNamed:@"table_row_bkg.png"]; 
    } 

    else if(proposedDestinationIndexPath.row == sectionRows - 1) 
    { 
     ((UIImageView *)sourceCell.backgroundView).image = [UIImage imageNamed:@"table_bottom_row_bkg.png"]; 

     destCell = [tableView cellForRowAtIndexPath:[NSIndexPath indexPathForRow:sectionRows - 1 inSection:proposedDestinationIndexPath.section]]; 
     if(sectionRows == 2) 
      ((UIImageView *)destCell.backgroundView).image = [UIImage imageNamed:@"table_row_top_bkg.png"]; 
     else 
      ((UIImageView *)destCell.backgroundView).image = [UIImage imageNamed:@"table_row_bkg.png"]; 
    } 

    return proposedDestinationIndexPath; 
}