Bạn có thể tạo hiệu ứng thay đổi chiều cao trên UITableViewCell khi được chọn không?

Tôi đang sử dụng một UITableViewứng dụng trong iPhone của mình và tôi có một danh sách những người thuộc về một nhóm. Tôi muốn nó để khi người dùng nhấp vào một người cụ thể (do đó chọn ô), ô sẽ tăng chiều cao để hiển thị một số điều khiển UI để chỉnh sửa các thuộc tính của người đó.

Điều này có thể không?

Tôi đã tìm thấy một giải pháp SIMPLE THỰC SỰ cho vấn đề này như là một tác dụng phụ cho một UITableViewtôi đang làm việc trên .....

Lưu trữ chiều cao của ô trong một biến báo cáo chiều cao ban đầu thông thường thông qua tableView: heightForRowAtIndexPath:, sau đó khi bạn muốn tạo hiệu ứng thay đổi chiều cao, chỉ cần thay đổi giá trị của biến và gọi đây là ...

[tableView beginUpdates];
[tableView endUpdates];

Bạn sẽ thấy nó không thực hiện tải lại đầy đủ nhưng đủ UITableViewđể biết nó phải vẽ lại các ô, lấy giá trị chiều cao mới cho ô .... và đoán xem? Nó ANIMATE sự thay đổi cho bạn. Ngọt.

Tôi có một lời giải thích chi tiết hơn và các mẫu mã đầy đủ trên blog của mình ... Animate UITableView Cell Change Change

Tôi thích câu trả lời của Simon Lee. Tôi đã không thực sự thử phương pháp đó nhưng có vẻ như nó sẽ thay đổi kích thước của tất cả các ô trong danh sách. Tôi đã hy vọng cho một sự thay đổi của chỉ tế bào được khai thác. Tôi đã làm nó giống như Simon nhưng chỉ với một chút khác biệt. Điều này sẽ thay đổi giao diện của một ô khi nó được chọn. Và nó làm động. Chỉ là một cách khác để làm điều đó.

Tạo một int để giữ một giá trị cho chỉ mục ô được chọn hiện tại:

int currentSelection;

Sau đó:

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    int row = [indexPath row];
    selectedNumber = row;
    [tableView beginUpdates];
    [tableView endUpdates];
}

Sau đó:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

    if ([indexPath row] == currentSelection) {
        return  80;
    }
    else return 40;


}

Tôi chắc chắn rằng bạn có thể thực hiện các thay đổi tương tự trong bảngView: cellForRowAtIndexPath: để thay đổi loại ô hoặc thậm chí tải tệp xib cho ô.

Giống như thế này, currentSelection sẽ bắt đầu từ 0. Bạn sẽ cần điều chỉnh nếu bạn không muốn ô đầu tiên của danh sách (ở chỉ số 0) được chọn theo mặc định.

Thêm một thuộc tính để theo dõi ô đã chọn

@property (nonatomic) int currentSelection;

Đặt nó thành một giá trị sentinel trong (ví dụ) viewDidLoad, để đảm bảo rằng UITableViewbắt đầu ở vị trí 'bình thường'

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    //sentinel
    self.currentSelection = -1;
}

Trong heightForRowAtIndexPathbạn có thể đặt chiều cao bạn muốn cho ô đã chọn

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    int rowHeight;
    if ([indexPath row] == self.currentSelection) {
        rowHeight = self.newCellHeight;
    } else rowHeight = 57.0f;
    return rowHeight;
}

Trong didSelectRowAtIndexPathbạn lưu lựa chọn hiện tại và lưu chiều cao động, nếu cần

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
        // do things with your cell here

        // set selection
        self.currentSelection = indexPath.row;
        // save height for full text label
        self.newCellHeight = cell.titleLbl.frame.size.height + cell.descriptionLbl.frame.size.height + 10;

        // animate
        [tableView beginUpdates];
        [tableView endUpdates];
    }
}

Trong didDeselectRowAtIndexPaththiết lập chỉ mục lựa chọn trở về giá trị sentinel và làm động ô trở lại dạng bình thường

- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath {       
        // do things with your cell here

        // sentinel
        self.currentSelection = -1;

        // animate
        [tableView beginUpdates];
        [tableView endUpdates];
    }
}

reloadData là không tốt vì không có hình ảnh động ...

Đây là những gì tôi đang cố gắng:

NSArray* paths = [NSArray arrayWithObject:[NSIndexPath indexPathForRow:0 inSection:0]];
[self.tableView beginUpdates];
[self.tableView insertRowsAtIndexPaths:paths withRowAnimation:UITableViewRowAnimationFade];
[self.tableView deleteRowsAtIndexPaths:paths withRowAnimation:UITableViewRowAnimationFade];
[self.tableView endUpdates];

Nó gần như hoạt động đúng. Hầu hết. Tôi đang tăng chiều cao của ô và đôi khi có một chút "trục trặc" trong chế độ xem bảng khi ô được thay thế, như thể một vị trí cuộn trong chế độ xem bảng đang được giữ nguyên, ô mới (là ô đầu tiên trong bảng) kết thúc với độ lệch của nó quá cao và scrollview bị trả về để định vị lại nó.

Tôi không biết tất cả những thứ này về việc gọi startUpdates / endUpdates liên tiếp là gì, bạn chỉ có thể sử dụng -[UITableView reloadRowsAtIndexPaths:withAnimation:]. Đây là một dự án ví dụ .

Tôi giải quyết với reloadRowsAtIndexPaths.

Tôi lưu vào didSelectRowAtIndexPathindexPath của ô được chọn và gọi reloadRowsAtIndexPathsở cuối (bạn có thể gửi NSMutableArray cho danh sách các phần tử mà bạn muốn tải lại).

Trong đó, heightForRowAtIndexPathbạn có thể kiểm tra xem indexPath có trong danh sách hay không của chiều rộng và gửi chiều cao của ô.

Bạn có thể kiểm tra ví dụ cơ bản này: https://github.com/ferminhg/iOS-Examples/tree/master/iOS-UITableView-Cell-Height-Change/celdascambiadetam Đó là một giải pháp đơn giản.

tôi thêm một loại mã nếu giúp bạn

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

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath: (NSIndexPath*)indexPath
{
    if ([indexPath isEqual:_expandIndexPath])
        return 80;

    return 40;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *CellIdentifier = @"Celda";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

    [cell.textLabel setText:@"wopwop"];

    return cell;
}

#pragma mark -
#pragma mark Tableview Delegate Methods

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    NSMutableArray *modifiedRows = [NSMutableArray array];
    // Deselect cell
    [tableView deselectRowAtIndexPath:indexPath animated:TRUE];
    _expandIndexPath = indexPath;
    [modifiedRows addObject:indexPath];

    // This will animate updating the row sizes
    [tableView reloadRowsAtIndexPaths:modifiedRows withRowAnimation:UITableViewRowAnimationAutomatic];
}

Thay vì beginUpdates()/ endUpdates(), cuộc gọi được đề xuất là ngay bây giờ:

tableView.performBatchUpdates(nil, completion: nil)

Apple nói, liên quan đến BeginUpdates / endUpdates: "Sử dụng phương thức biểu diễnBatchUpdates (_: hoàn thành :) thay vì phương thức này bất cứ khi nào có thể."

Xem: https://developer.apple.com/documentation/uikit/uitableview/1614908-beginupdates

Hãy thử điều này là để mở rộng hàng theo chỉ số:

@property (nonatomic) NSIndexPath *expandIndexPath;
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath
{
if ([indexPath isEqual:self.expandedIndexPath])
    return 100;

return 44;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
NSMutableArray *modifiedRows = [NSMutableArray array];
if ([indexPath isEqual:self.expandIndexPath]) {
    [modifiedRows addObject:self.expandIndexPath];
    self.expandIndexPath = nil;
} else {
    if (self.expandedIndexPath)
        [modifiedRows addObject:self.expandIndexPath];

    self.expandIndexPath = indexPath;
    [modifiedRows addObject:indexPath];
}

// This will animate updating the row sizes
[tableView reloadRowsAtIndexPaths:modifiedRows withRowAnimation:UITableViewRowAnimationAutomatic];

// Preserve the deselection animation (if desired)
[tableView selectRowAtIndexPath:indexPath animated:NO scrollPosition:UITableViewScrollPositionNone];
[tableView deselectRowAtIndexPath:indexPath animated:YES];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ViewControllerCellReuseIdentifier];
    cell.textLabel.text = [NSString stringWithFormat:@"I'm cell %ld:%ld", (long)indexPath.section, (long)indexPath.row];

return cell;
}

BOOL flag;

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    flag = !flag;
    [tableView beginUpdates];
    [tableView reloadRowsAtIndexPaths:@[indexPath] 
                     withRowAnimation:UITableViewRowAnimationAutomatic];
    [tableView endUpdates];
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return YES == flag ? 20 : 40;
}

chỉ là một ghi chú cho người như tôi đang tìm kiếm để thêm "Chi tiết khác" trên ô tùy chỉnh.

[tableView beginUpdates];
[tableView endUpdates];

Đã làm một công việc tuyệt vời, nhưng đừng quên "cắt" chế độ xem tế bào. Từ Trình tạo giao diện, chọn Ô của bạn -> Chế độ xem nội dung -> từ Trình kiểm tra thuộc tính, chọn " Clip phụ "

Đây là phiên bản rút gọn của câu trả lời Simons cho Swift 3. Cũng cho phép chuyển đổi lựa chọn của ô

var cellIsSelected: IndexPath?


  func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    cellIsSelected = cellIsSelected == indexPath ? nil : indexPath
    tableView.beginUpdates()
    tableView.endUpdates()
  }


  func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    if cellIsSelected == indexPath {
      return 250
    }
    return 65
  }

Swift 4 trở lên

thêm mã dưới đây vào phương thức ủy nhiệm hàng của bạn của viewview

tableView.beginUpdates()
tableView.setNeedsLayout()
tableView.endUpdates()

Phiên bản Swift của câu trả lời của Simon Lee.

// MARK: - Variables 
  var isCcBccSelected = false // To toggle Bcc.



    // MARK: UITableViewDelegate
func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {

    // Hide the Bcc Text Field , until CC gets focused in didSelectRowAtIndexPath()
    if self.cellTypes[indexPath.row] == CellType.Bcc {
        if (isCcBccSelected) {
            return 44
        } else {
            return 0
        }
    }

    return 44.0
}

Sau đó, trong didSelectRowAtIndexPath ()

  func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
    self.tableView.deselectRowAtIndexPath(indexPath, animated: true)

    // To Get the Focus of CC, so that we can expand Bcc
    if self.cellTypes[indexPath.row] == CellType.Cc {

        if let cell = tableView.cellForRowAtIndexPath(indexPath) as? RecipientTableViewCell {

            if cell.tag == 1 {
                cell.recipientTypeLabel.text = "Cc:"
                cell.recipientTextField.userInteractionEnabled = true
                cell.recipientTextField.becomeFirstResponder()

                isCcBccSelected = true

                tableView.beginUpdates()
                tableView.endUpdates()
            }
        }
    }
}

Vâng nó có thể.

UITableView có phương thức đại biểu didSelectRowAtIndexPath

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    [UIView animateWithDuration:.6
                          delay:0
         usingSpringWithDamping:UIViewAnimationOptionBeginFromCurrentState
          initialSpringVelocity:0
                        options:UIViewAnimationOptionBeginFromCurrentState animations:^{

                            cellindex = [NSIndexPath indexPathForRow:indexPath.row inSection:indexPath.section];
                            NSArray* indexArray = [NSArray arrayWithObjects:indexPath, nil];
                            [violatedTableView beginUpdates];
                            [violatedTableView reloadRowsAtIndexPaths:indexArray withRowAnimation:UITableViewRowAnimationAutomatic];
                            [violatedTableView endUpdates];
                        }
                     completion:^(BOOL finished) {
    }];
}

Nhưng trong trường hợp của bạn nếu người dùng cuộn và chọn một ô khác thì bạn cần phải có ô được chọn cuối cùng để thu nhỏ và mở rộng các reloadRowsAtIndexPaths:cuộc gọi ô hiện được chọn heightForRowAtIndexPath:để xử lý phù hợp.

Đây là mã UITableViewlớp con tùy chỉnh của tôi , mở rộng UITextViewtại ô bảng, mà không tải lại (và mất tiêu điểm bàn phím):

- (void)textViewDidChange:(UITextView *)textView {
    CGFloat textHeight = [textView sizeThatFits:CGSizeMake(self.width, MAXFLOAT)].height;
    // Check, if text height changed
    if (self.previousTextHeight != textHeight && self.previousTextHeight > 0) {
        [self beginUpdates];

        // Calculate difference in height
        CGFloat difference = textHeight - self.previousTextHeight;

        // Update currently editing cell's height
        CGRect editingCellFrame = self.editingCell.frame;
        editingCellFrame.size.height += difference;
        self.editingCell.frame = editingCellFrame;

        // Update UITableView contentSize
        self.contentSize = CGSizeMake(self.contentSize.width, self.contentSize.height + difference);

        // Scroll to bottom if cell is at the end of the table
        if (self.editingNoteInEndOfTable) {
            self.contentOffset = CGPointMake(self.contentOffset.x, self.contentOffset.y + difference);
        } else {
            // Update all next to editing cells
            NSInteger editingCellIndex = [self.visibleCells indexOfObject:self.editingCell];
            for (NSInteger i = editingCellIndex; i < self.visibleCells.count; i++) {
                UITableViewCell *cell = self.visibleCells[i];
                CGRect cellFrame = cell.frame;
                cellFrame.origin.y += difference;
                cell.frame = cellFrame;
            }
        }
        [self endUpdates];
    }
    self.previousTextHeight = textHeight;
}

Tôi đã sử dụng câu trả lời tuyệt vời của @ Joy và nó hoạt động hoàn hảo với ios 8.4 và XCode 7.1.1.

Trong trường hợp bạn đang muốn làm cho tế bào của bạn có thể chuyển đổi được, tôi đã thay đổi -tableViewDidSelect thành như sau:

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
//This is the bit I changed, so that if tapped once on the cell, 
//cell is expanded. If tapped again on the same cell, 
//cell is collapsed. 
    if (self.currentSelection==indexPath.row) {
        self.currentSelection = -1;
    }else{
        self.currentSelection = indexPath.row;
    }
        // animate
        [tableView beginUpdates];
        [tableView endUpdates];

}

Tôi hy vọng bất kỳ điều này đã giúp bạn.

Kiểm tra phương pháp này sau iOS 7 trở lên.

- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return UITableViewAutomaticDimension;
}

Những cải tiến đã được thực hiện cho điều này trong iOS 8. Chúng ta có thể đặt nó làm thuộc tính của chế độ xem bảng.

Phiên bản Swift của câu trả lời của Simon Lee :

tableView.beginUpdates()
tableView.endUpdates()

Hãy nhớ rằng bạn nên sửa đổi các thuộc tính chiều cao TRƯỚC endUpdates() .

Đầu vào -

tableView.beginUpdates () tableView.endUpdates () các hàm này sẽ không gọi

func tableView (_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {}

Nhưng, nếu bạn làm như vậy, tableView.reloadRows (tại: [chọn IndexPath! As IndexPath], với: .none)

Nó sẽ gọi func tableView (_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {} chức năng này.

Tôi chỉ giải quyết vấn đề này với một chút hack:

static int s_CellHeight = 30;
static int s_CellHeightEditing = 60;

- (void)onTimer {
    cellHeight++;
    [tableView reloadData];
    if (cellHeight < s_CellHeightEditing)
        heightAnimationTimer = [[NSTimer scheduledTimerWithTimeInterval:0.001 target:self selector:@selector(onTimer) userInfo:nil repeats:NO] retain];
}

- (CGFloat)tableView:(UITableView *)_tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
        if (isInEdit) {
            return cellHeight;
        }
        cellHeight = s_CellHeight;
        return s_CellHeight;
}

Khi tôi cần mở rộng chiều cao ô, tôi đặt isInEdit = YESvà gọi phương thức [self onTimer]và nó sẽ kích hoạt sự tăng trưởng của ô cho đến khi đạt đến giá trị s_CellHeightEditing :-)

Lấy đường dẫn của hàng được chọn. Tải lại bảng. Trong phương thức heightForRowAtIndexPath của UITableViewDelegate, đặt chiều cao của hàng được chọn thành một chiều cao khác và cho các chiều cao khác trả về chiều cao hàng bình thường