Разверните ячейку UITableView в UITableViewstylePlain

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

введите описание изображения здесь

Как я могу достичь этой функциональности, пожалуйста, руководство для выше. Заранее спасибо.

7 ответов

Решение

Вот полный учебник с расширяемым UITableView

Вот фрагмент кода для этого.

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    if ([self tableView:tableView canCollapseSection:indexPath.section])
    {
        if (!indexPath.row)
        {
            // only first row toggles exapand/collapse
            [tableView deselectRowAtIndexPath:indexPath animated:YES];

            NSInteger section = indexPath.section;
            BOOL currentlyExpanded = [expandedSections containsIndex:section];
            NSInteger rows;

            NSMutableArray *tmpArray = [NSMutableArray array];

            if (currentlyExpanded)
            {
                rows = [self tableView:tableView numberOfRowsInSection:section];
                [expandedSections removeIndex:section];

            }
            else
            {
                [expandedSections addIndex:section];
                rows = [self tableView:tableView numberOfRowsInSection:section];
            }

            for (int i=1; i<rows; i++)
            {
                NSIndexPath *tmpIndexPath = [NSIndexPath indexPathForRow:i 
                                                               inSection:section];
                [tmpArray addObject:tmpIndexPath];
            }

            UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];

            if (currentlyExpanded)
            {
                [tableView deleteRowsAtIndexPaths:tmpArray 
                                 withRowAnimation:UITableViewRowAnimationTop];

                cell.accessoryView = [DTCustomColoredAccessory accessoryWithColor:[UIColor grayColor] type:DTCustomColoredAccessoryTypeDown];

            }
            else
            {
                [tableView insertRowsAtIndexPaths:tmpArray 
                                 withRowAnimation:UITableViewRowAnimationTop];
                cell.accessoryView =  [DTCustomColoredAccessory accessoryWithColor:[UIColor grayColor] type:DTCustomColoredAccessoryTypeUp];

            }
        }
    }
}

как показано на рисунке ниже

Это и это решение также поможет вам понять, как управлять Expandable TableView.

Хорошо, я думаю, что названия, события, накладные расходы и друзья будут обычай UIView с UIImageView для фона, UILabel для заголовка, и UIButton для расширения. Так в основном

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

возвращая количество названий

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

возвращаясь UIView для каждого названия.

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

имея количество строк в этом названии. Возможно, вам придется поддерживать массив для этого.

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

высота элемента ячейки

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section

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

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

Вам может понадобиться хорошая логика для настройки всех строк для расширения

Ваши кнопки расширения действуют примерно так:

- (void) expandSection:(UIButton *)sender;

что вы можете определить, какой раздел нужно развернуть, используя sender.tag, поэтому не забудьте правильно добавить тег. Вам может понадобиться int в .h файл для хранения текущего раздела, и может быть использован в - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section метод источника данных.

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

Я дал пример исходного кода ниже. Вы можете настроить этот пример на основе ваших требований.

Ссылка на исходный код: нажмите здесь

Экран вывода:

JKExpandTableView - это лицензированная для MIT библиотека iOS, которая реализует расширяемое табличное представление. Обязательно ознакомьтесь с прилагаемым примером проекта.

Скриншот

Принятый ответ верен, но ссылка устарела. Чтобы этот пример работал, вы должны сделать дополнительные вещи:

Загрузите проект ExpandableTableCells отсюда:
https://github.com/cocoanetics/Examples

Загрузите файлы DTCustomColoredAccessory.h и.m отсюда: https://github.com/Cocoanetics/DTFoundation/tree/develop/Core/Source/iOS

Поместите файлы DTCustomColoredAccessory в проект ExpandableTableCells.

Там у вас есть рабочий пример, оттуда легче редактировать и перемещать, чем пытаться писать с нуля.

Это возможно делегатом

- (NSInteger)tableView:(UITableView *)tableView indentationLevelForRowAtIndexPath:(NSIndexPath *)indexPath {
       //write code here
    }
Другие вопросы по тегам