Блог

Мне интересно, как tweetbot выполняет следующее:

Я хотел бы создать то же самое с моим приложением, где, если вы нажмете на строку, появится дополнительная панель инструментов, а нажатие на любую другую строку отключит это представление с анимацией.

Логика, я думаю, проста, вам просто нужно добавить вложенный просмотр в ячейку UITableViewCell при нажатии и сдвинуть остальное содержимое вверх, но как вы на самом деле отклоняете его, когда я нажимаю другую строку?

Лучший способ сделать это — добавить фиктивную ячейку под ячейкой, к которой было применено нажатие.

Сначала вам нужно отслеживать, какая ячейка была затронута, и действовать соответствующим образом.

 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{

    //if user tapped the same row twice let's start getting rid of the control cell
    if([indexPath isEqual:self.tappedIndexPath]){
        [tableView deselectRowAtIndexPath:indexPath animated:NO];
    }

    //update the indexpath if needed... I explain this below 
    indexPath = [self modelIndexPathforIndexPath:indexPath];

    //pointer to delete the control cell
    NSIndexPath *indexPathToDelete = self.controlRowIndexPath;

    //if in fact I tapped the same row twice lets clear our tapping trackers 
    if([indexPath isEqual:self.tappedIndexPath]){
        self.tappedIndexPath = nil;
        self.controlRowIndexPath = nil;
    }
    //otherwise let's update them appropriately 
    else{
        self.tappedIndexPath = indexPath; //the row the user just tapped. 
        //Now I set the location of where I need to add the dummy cell 
        self.controlRowIndexPath = [NSIndexPath indexPathForRow:indexPath.row   1   inSection:indexPath.section];
    }

    //all logic is done, lets start updating the table
    [tableView beginUpdates];

    //lets delete the control cell, either the user tapped the same row twice or tapped another row
    if(indexPathToDelete){
        [self.tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPathToDelete] 
                          withRowAnimation:UITableViewRowAnimationNone];
    }
    //lets add the new control cell in the right place 
    if(self.controlRowIndexPath){
        [self.tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:self.controlRowIndexPath] 
                          withRowAnimation:UITableViewRowAnimationNone];
    }

    //and we are done... 
    [tableView endUpdates];  
} 
  

Всякий раз, когда у вас присутствует эта фиктивная ячейка, вы должны убедиться, что отправляете правильное количество.

 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    if(self.controlRowIndexPath){
        return modelArray.count   1;
    }
    return self.modelArray.count;
}
  

Кроме того, верните соответствующую высоту для вашей ячейки управления.

 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath   *)indexPath 
{
    if([indexPath isEqual:self.controlRowIndexPath]){
        return 45; //height for control cell
    }
    return 70; //height for every other cell 
}
  

Наконец, помните, что управляющая ячейка является фиктивной. Не является частью модели, поэтому вы должны учитывать это. Если пользователь нажимает на строку, которая находится выше последней выбранной строки, все в порядке, но когда новая выбранная строка находится ниже этой управляющей ячейки, вы должны убедиться, что вы получаете доступ к правильной строке в вашей модели. Другими словами, учитывайте эту поддельную ячейку в середине вашего представления.

 - (NSIndexPath *)modelIndexPathforIndexPath:(NSIndexPath *)indexPath
{
    int whereIsTheControlRow = self.controlRowIndexPath.row;
    if(self.controlRowIndexPath != nil amp;amp; indexPath.row > whereIsTheControlRow)
        return [NSIndexPath indexPathForRow:indexPath.row - 1 inSection:0]; 
    return indexPath;
}
  

Я надеюсь, что это поможет.

В tableView:didSelectRowAtIndexPath: вы удаляете представление инструмента из последней выбранной ячейки. Если такого представления нет, вы создаете новое. Затем вы добавляете это представление во вновь выбранную ячейку. Сохраните indexPath выбранной строки.

В tableView:heightForRowAtIndexPath: вы проверяете, совпадает ли indexPath с сохраненным indexPath. Если они равны, вы возвращаете высоту, которая равна высоте обоих представлений. Если значение не равно, просто верните высоту «реальной ячейки».

Поместите все ваши вызовы в didSelectRowAtIndexPath между [tableView beginUpdates] и [tableView endUpdates] , чтобы получить анимацию для изменения высоты.

код rjgonzo работает нормально, за исключением случая, когда у вас есть только 1 строка в tableview. Когда есть только 1 строка (и 1 объект в tableview datamodel), вы получите исключение NSRange при вызове insertRowsatIndexPath(ов). Чтобы исправить это, я проверил, имеет ли datamodel только 1 объект, и если это так, то я добавляю строку в текущий indexpath (вместо controlindexpath), в результате чего строка логически добавляется над первой строкой, а затем я вызываю moveRowAtIndexPath для обмена строками после вызова [self.TableView endUpdates]. Анимация отображается, как и ожидалось, с управляющей строкой, которая, по-видимому, скользит вниз с 1-й строки.

 if(self.controlRowIndexPath){

//Check to see if the datamodel only has 1 object

 if([self.objects count]==1){
//If so then insert the row above the row
    [self.tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]
                              withRowAnimation:UITableViewRowAnimationNone];

    }
    else
    [self.tableView insertRowsAtIndexPaths:[NSArray arrayWithObject:self.controlRowIndexPath]
                          withRowAnimation:UITableViewRowAnimationNone];

 }

[self.tableView endUpdates];

//if the row was inserted above the 1st row then switch the rows

 if([self.objects count]==1)
 [self.tableView moveRowAtIndexPath:self.controlRowIndexPath toIndexPath:indexPath];
  

Я бы не стал добавлять вложенный просмотр в UITableViewCell , я бы добавил еще одну строку в UITableView . Таким образом, UITableView позаботится об анимации. (И я не думаю, что это возможно для анимированных UITableViewCell изменений высоты …)

Используйте просто

 - (void)insertRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation
  

добавьте строку. И

 - (void)deleteRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation
  

чтобы удалить ее.

@rjgonzo это отлично работает, но есть небольшая проблема в том, как вы сохраняете indexPathToDelete. Поскольку это всего лишь еще один указатель на self.controlRowIndexPath, как только вы очистите или переназначите self.controlRowIndexPath, indexPathToDelete будет не тем, что вы хотели, а TableView удалитЬowsAtIndexPaths:с помощью withRowAnimation: call, вы получите сбой SIGBART.

итак, вместо

     //pointer to delete the control cell
    NSIndexPath *indexPathToDelete = self.controlRowIndexPath;
  

и

     //lets delete the control cell, either the user tapped the same row twice or tapped another row
    if(indexPathToDelete){
        [self.tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPathToDelete] 
                      withRowAnimation:UITableViewRowAnimationNone];
    }
  

следующий код должен работать нормально:

     //pointer to delete the control cell
NSIndexPath *indexPathToDelete = [NSIndexPath indexPathForRow:self.control_row_index_path.row inSection:self.control_row_index_path.section];
    ...
    ...
    //lets delete the control cell, either the user tapped the same row twice or tapped another row
if(indexPathToDelete.row != 0){
    NSLog(@"row to delete %d", indexPathToDelete.row);
    [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPathToDelete] withRowAnimation:UITableViewRowAnimationNone];
}
  

Вот что я делаю, чтобы анимация была чистой.

В дополнение к стратегии, которую предлагает пользователь fluchtpunkt (то есть добавление вложенного представления в ячейку, обновление высоты ячейки с помощью heightForRowAtIndexPath, beginUpdates и endUpdates), я нахожу следующие меры полезными для анимации:

1. Ячейки tableviewcells имеют фоновое изображение. В противном случае добавленный вложенный вид / панель инструментов будет виден через ячейку непосредственно перед тем, как tableview анимирует изменение высоты.
2. Ячейка tableviewcell находится «позади» представления, которое является ячейкой под ним, в противном случае снова подвидение / панель инструментов будут отображаться слишком рано. Я использую [tableview отправляет subviewtoback:cell]; и он позаботится об этом.

Для меня это чисто, но не совсем так, как Tweetbot. Интересно, что анимация Tweetbot, похоже, опускает панель инструментов вниз, когда анимируется нижняя часть ячейки. Похоже, что должна выполняться какая-то дополнительная анимация, или моя теория заговора заключается в том, что на самом деле это добавление вложенного представления в верхнюю часть ячейки под выбранной ячейкой, а затем выполнение удлинения и анимации в ячейке ниже.