Изменить стандартное поведение прокрутки заголовка раздела UITableView

Question

Изменить стандартное поведение прокрутки заголовка раздела UITableView

У меня есть UITableView с двумя разделами. Это простой вид таблицы. Я использую viewForHeaderInSection для создания пользовательских представлений для этих заголовков. Все идет нормально.

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

У меня такой вопрос: могу ли я изменить поведение по умолчанию, чтобы заголовки разделов НЕ оставались на якоре сверху, а прокручивались под панелью навигации с остальными строками разделов?

Я что-то упускаю из виду?

Благодарю.

154

iphone uitableview cocoa-touch

Источник

user46224 20 мар '09 в 02:19

20 ответов

Другие вопросы по тегам iphone uitableview cocoa-touch

user431492 21 окт '10 в 05:36 2010-10-21 05:36 · Answer 1 · 2010-10-21 05:36

Я решил эту проблему, чтобы настроить contentOffset в соответствии с contentInset в UITableViewControllerDelegate (продолжается UIScrollViewDelegate) как это:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
       CGFloat sectionHeaderHeight = 40;
   if (scrollView.contentOffset.y<=sectionHeaderHeight&&scrollView.contentOffset.y>=0) {
       scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
   } else if (scrollView.contentOffset.y>=sectionHeaderHeight) {
       scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight, 0, 0, 0);
   }
}

Единственная проблема здесь в том, что при прокрутке назад к вершине он немного теряет отскок.

{ПРИМЕЧАНИЕ: "40" должно быть точной высотой ВАШЕГО заголовка секции 0. Если вы используете число, которое больше, чем высота заголовка вашего раздела 0, вы увидите, что это влияет на ощущение пальца (попробуйте как "1000", и вы увидите, что поведение отскока вверху странно). если число соответствует высоте заголовка вашего раздела 0, ощущение пальца кажется либо идеальным, либо почти идеальным.}

user363959 26 фев '11 в 15:14 2011-02-26 15:14 · Answer 2 · 2011-02-26 15:14

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

86

Источник

user363959 26 фев '11 в 15:14

user23106 20 дек '09 в 08:54 2009-12-20 08:54 · Answer 3 · 2009-12-20 08:54

Если бы я этим занимался, я бы использовал тот факт, что UITableViews в стиле Plain имеют липкие заголовки, а заголовки в стиле Grouped - нет. Я бы, по крайней мере, попытался бы использовать пользовательскую ячейку таблицы, чтобы имитировать появление простых ячеек в сгруппированной таблице.

Я на самом деле не пробовал это, так что это может не сработать, но я бы предложил это сделать.

user597652 02 дек '11 в 00:28 2011-12-02 00:28 · Answer 4 · 2011-12-02 00:28

Я знаю, что это поздно, но я нашел окончательное решение!

Что вы хотите сделать, если у вас есть 10 разделов, пусть dataSource возвращает 20. Используйте четные числа для заголовков разделов и нечетные числа для содержимого разделов. что-то вроде этого

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (section%2 == 0) {
        return 0;
    }else {
        return 5;
    }
}

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    if (section%2 == 0) {
        return [NSString stringWithFormat:@"%i", section+1];
    }else {
        return nil;
    }
}

Вуаля!:D

user1669034 30 янв '13 в 17:12 2013-01-30 17:12 · Answer 5 · 2013-01-30 17:12

Первоначально опубликовано здесь, быстрое решение с использованием IB. То же самое можно сделать программно, хотя и довольно просто.

Вероятно, более простой способ добиться этого (с помощью IB):
Перетащите UIView на свой TableView, чтобы сделать его представлением заголовка.
Установите высоту представления этого заголовка на 100 пикселей
Установите для tableView contentInset (top) значение -100
Заголовки разделов теперь будут прокручиваться, как и любая обычная ячейка.

Некоторые люди говорили, что это решение скрывает первый заголовок, однако я не заметил такой проблемы. Это отлично сработало для меня и было самым простым решением, которое я видел до сих пор.

user111129 01 авг '11 в 16:13 2011-08-01 16:13 · Answer 6 · 2011-08-01 16:13

Есть несколько вещей, которые нужно сделать, чтобы решить эту проблему не хакерским способом:

Установите стиль представления таблицы на UITableViewStyleGrouped
Установить вид таблицы backgroundColor в [UIColor clearColor]
Установить backgroundView в каждой ячейке табличного представления в пустое представление с backgroundColor [UIColor clearColor]
При необходимости установите вид таблицы rowHeight или переопределить tableView:heightForRowAtIndexPath: если отдельные строки имеют разную высоту.

user4249932 14 июл '15 в 21:36 2015-07-14 21:36 · Answer 7 · 2015-07-14 21:36

Просто измените стиль TableView:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

UITableViewStyle Документация:

UITableViewStylePlain - простое табличное представление. Любые верхние или нижние колонтитулы отображаются как встроенные разделители и плавают при прокрутке табличного представления.
UITableViewStyleGrouped - табличное представление, разделы которого представляют различные группы строк. Верхние и нижние колонтитулы раздела не плавают.

user301277 28 фев '13 в 18:50 2013-02-28 18:50 · Answer 8 · 2013-02-28 18:50

Я не был доволен решениями, описанными здесь до сих пор, поэтому я попытался объединить их. В результате получается следующий код, вдохновленный @awulf и @cescofry. Это работает для меня, потому что у меня нет реального заголовка табличного представления. Если у вас уже есть заголовок табличного представления, возможно, вам придется настроить высоту.

// Set the edge inset
self.tableView.contentInset = UIEdgeInsetsMake(-23.0f, 0, 0, 0);

// Add a transparent UIView with the height of the section header (ARC enabled)
[self.tableView setTableHeaderView:[[UIView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 100.0f, 23.0f)]];

user4651193 04 апр '17 в 04:35 2017-04-04 04:35 · Answer 9 · 2017-04-04 04:35

Выберите стиль сгруппированного табличного представления в Инспекторе атрибутов вашего tableView в раскадровке.

11

Источник

user4651193 04 апр '17 в 04:35

user304383 11 авг '11 в 14:37 2011-08-11 14:37 · Answer 10 · 2011-08-11 14:37

Установите заголовок таблицы с прозрачным представлением с той же высотой заголовка в разрезе. Также инициируйте просмотр таблицы с помощью y-frame в -height.

self.tableview = [[UITableView alloc] initWithFrame:CGRectMake(0, - height, 300, 400)];

UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, width, height)] autorelease];
[self.tableView setTableHeaderView:headerView];

user331735 08 май '16 в 02:30 2016-05-08 02:30 · Answer 11 · 2016-05-08 02:30

Измените ваш стиль TableView:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

Согласно документации Apple для UITableView:

UITableViewStylePlain - простое табличное представление. Любые верхние или нижние колонтитулы отображаются как встроенные разделители и плавают при прокрутке табличного представления.
UITableViewStyleGrouped - табличное представление, разделы которого представляют различные группы строк. Верхние и нижние колонтитулы раздела не плавают. Надеюсь, что это небольшое изменение поможет вам..

user1759989 19 окт '12 в 16:46 2012-10-19 16:46 · Answer 12 · 2012-10-19 16:46

Я нашел альтернативное решение: использовать первую ячейку каждого раздела вместо реального раздела заголовка, это решение не выглядит таким чистым, но работает настолько хорошо, что вы можете использовать определенную ячейку прототипа для раздела заголовков и в методе cellForRowAtIndexPath запросите indexPath.row==0, если true, используйте ячейку прототипа раздела заголовка, иначе используйте вашу ячейку прототипа по умолчанию.

user136582 09 апр '14 в 00:40 2014-04-09 00:40 · Answer 13 · 2014-04-09 00:40

Теперь, когда сгруппированный стиль выглядит в основном так же, как простой стиль в iOS 7 (с точки зрения плоскостности и фона), для нас самым лучшим и простым (то есть наименее хакерским) решением было просто изменить стиль табличного представления на сгруппированный. Поддавливание с помощью contentInsets всегда было проблемой, когда мы интегрировали прокручиваемую навигационную панель вверху. При использовании стиля сгруппированного табличного представления он выглядит точно так же (с нашими ячейками), а заголовки разделов остаются неизменными. Нет странностей прокрутки.

user219915 08 окт '10 в 22:22 2010-10-08 22:22 · Answer 14 · 2010-10-08 22:22

Назначьте отрицательную вставку для вашего tableView. Если у вас есть заголовки секций высотой 22px, и вы не хотите, чтобы они были липкими, сразу после перезагрузки Data add:

self.tableView.contentInset = UIEdgeInsetsMake(-22, 0, 0, 0); 
self.tableView.contentSize = CGSizeMake(self.tableView.contentSize.width, self.tableView.contentSize.height+22);

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

user331735 08 май '16 в 02:27 2016-05-08 02:27 · Answer 15 · 2016-05-08 02:27

Измените ваш стиль TableView:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

Согласно документации Apple для UITableView:

UITableViewStylePlain- A plain table view. Any section headers or footers are displayed as inline separators and float when the table view is scrolled.

UITableViewStyleGrouped- A table view whose sections present distinct groups of rows. The section headers and footers do not float.
Hope this small change will help you ..

user1880899 06 дек '12 в 01:23 2012-12-06 01:23 · Answer 16 · 2012-12-06 01:23

Проверьте мой ответ здесь. Это самый простой способ реализовать заголовки не плавающих разделов без каких-либо взломов.

0

Источник

user1880899 06 дек '12 в 01:23

user819355 21 апр '13 в 16:39 2013-04-21 16:39 · Answer 17 · 2013-04-21 16:39

Ответ @LocoMike лучше всего подходил для моего tableView, однако он сломался и при использовании нижних колонтитулов. Итак, это исправленное решение при использовании верхних и нижних колонтитулов:

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return (self.sections.count + 1) * 3;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    if (section % 3 != 1) {
        return 0;
    }
    section = section / 3;
    ...
}

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return nil;
    }
    section = section / 3;
    ...
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return 0;
    }
    section = section / 3;
    ...
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    if (section % 3 != 2) {
        return 0;
    }
    section = section / 3;
    ...
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return nil;
    }
    section = section / 3;
    ...
}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    if (section % 3 != 2) {
        return nil;
    }
    section = section / 3;
    ...
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    int section = indexPath.section;
    section = section / 3;
    ...
}

user215726 10 май '10 в 00:11 2010-05-10 00:11 · Answer 18 · 2010-05-10 00:11

Я добавляю таблицу в представление прокрутки, и это, кажется, работает хорошо.

0

Источник

user215726 10 май '10 в 00:11

user2635537 07 сен '16 в 16:50 2016-09-07 16:50 · Answer 19 · 2016-09-07 16:50

Swift версия ответа @awulf, которая прекрасно работает!

func scrollViewDidScroll(scrollView: UIScrollView) {
    let sectionHeight: CGFloat = 80
    if scrollView.contentOffset.y <= sectionHeight {
        scrollView.contentInset = UIEdgeInsetsMake( -scrollView.contentOffset.y, 0, 0, 0)
    }else if scrollView.contentOffset.y >= sectionHeight {
        scrollView.contentInset = UIEdgeInsetsMake(-sectionHeight, 0, 0, 0)
    }
}

0

Источник

user2635537 07 сен '16 в 16:50

user587038 23 янв '12 в 12:19 2012-01-23 12:19 · Answer 20 · 2012-01-23 12:19

Я узнал, что просто установка свойства tableHeaderView делает это, то есть:

 tableView.tableHeaderView = customView;

и это все.

-2

Источник

user587038 23 янв '12 в 12:19