Zmień domyślne zachowanie przewijania nagłówka sekcji UITableView

Mam UITableView z dwiema sekcjami. To jest prosty widok tabeli. Używam viewForHeaderInSection do tworzenia niestandardowych widoków dla tych nagłówków. Na razie w porządku.

Domyślne zachowanie przewijania polega na tym, że po napotkaniu sekcji nagłówek sekcji pozostaje zakotwiczony poniżej paska nawigacji, dopóki następna sekcja nie zostanie przewinięta do widoku.

Moje pytanie brzmi: czy mogę zmienić domyślne zachowanie, tak aby nagłówki sekcji NIE były zakotwiczone u góry, ale raczej przewijały się pod paskiem nawigacji wraz z pozostałymi wierszami sekcji?

Czy brakuje mi czegoś oczywistego?

Dzięki.

Sposób, w jaki rozwiązałem ten problem, to wyregulowanie contentOffsetzgodnie contentInsetz UITableViewControllerDelegate(rozszerza UIScrollViewDelegate) w następujący sposób:

- (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);
   }
}

Jedynym problemem jest to, że traci trochę odbicia podczas przewijania do góry.

{UWAGA: „40” powinno być dokładną wysokością nagłówka TWOJEJ sekcji 0. Jeśli użyjesz liczby większej niż wysokość nagłówka sekcji 0, zobaczysz, że ma to wpływ na dotyk (spróbuj na przykład „1000”, a zobaczysz, że zachowanie odbijania jest trochę dziwne na górze). jeśli liczba odpowiada wysokości nagłówka sekcji 0, dotyk palca wydaje się być doskonały lub prawie doskonały.}

Możesz także dodać sekcję z zerową liczbą wierszy na górze i po prostu użyć stopki poprzedniej sekcji jako nagłówka następnej.

Gdybym to robił, wykorzystałbym fakt, że UITableViews w stylu Plain mają lepkie nagłówki, a te w stylu zgrupowanym nie. Prawdopodobnie przynajmniej spróbowałbym użyć niestandardowej komórki tabeli, aby naśladować wygląd zwykłych komórek w zgrupowanej tabeli.

Właściwie tego nie próbowałem, więc może to nie zadziałać, ale radziłbym to zrobić.

Wiem, że przychodzi późno, ale znalazłem ostateczne rozwiązanie!

Jeśli masz 10 sekcji, pozwól, aby źródło danych zwróciło 20. Użyj liczb parzystych jako nagłówków sekcji i liczb nieparzystych do zawartości sekcji. coś takiego

- (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;
    }
}

Voilá! :RE

Jest kilka rzeczy, które należy zrobić, aby rozwiązać ten problem w niehackerski sposób:

1. Ustaw styl widoku tabeli na UITableViewStyleGrouped
2. Ustaw widok tabeli backgroundColorna[UIColor clearColor]
3. Ustaw backgroundVieww każdej komórce widoku tabeli pusty widok za pomocąbackgroundColor [UIColor clearColor]
4. W razie potrzeby odpowiednio ustaw widok tabeli rowHeightlub nadpisz, tableView:heightForRowAtIndexPath:jeśli poszczególne wiersze mają różne wysokości.

Pierwotnie opublikowane Tutaj , szybkie rozwiązanie z wykorzystaniem IB. To samo można zrobić programowo, choć po prostu.

Prawdopodobnie łatwiejszy sposób na osiągnięcie tego (za pomocą IB):

Przeciągnij UIView do TableView, aby ustawić go jako widok nagłówka.

1. Ustaw wysokość widoku nagłówka na 100 pikseli
2. Ustaw wartość tableview contentInset (top) na -100
3. Nagłówki sekcji będą teraz przewijać się jak każda zwykła komórka.

Niektórzy komentowali, że to rozwiązanie ukrywa pierwszy nagłówek, jednak nie zauważyłem takiego problemu. U mnie zadziałało idealnie i było zdecydowanie najprostszym rozwiązaniem, jakie do tej pory widziałem.

Nie podobały mi się dotychczas opisane tutaj rozwiązania, więc starałem się je łączyć. Rezultatem jest następujący kod, zainspirowany @awulf i @cescofry. U mnie to działa, ponieważ nie mam prawdziwego nagłówka widoku tabeli. Jeśli masz już nagłówek widoku tabeli, może być konieczne dostosowanie wysokości.

// 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)]];

Po prostu zmień styl TableView:

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

Dokumentacja UITableViewStyle :

UITableViewStylePlain - zwykły widok tabeli. Wszelkie nagłówki lub stopki sekcji są wyświetlane jako separatory w wierszu i przesuwają się podczas przewijania widoku tabeli.

UITableViewStyleGrouped - widok tabeli, którego sekcje przedstawiają różne grupy wierszy. Nagłówki i stopki sekcji nie są ruchome.

Wybierz styl zgrupowanego widoku tabeli z inspektora atrybutów tableView w scenorysie.

Ustaw headerView tabeli z przezroczystym widokiem z tą samą wysokością nagłówka w widoku przekroju. Zainicjuj także widok tabeli z ramką na wysokości.

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];

Znalazłem alternatywne rozwiązanie, użyj pierwszej komórki każdej sekcji zamiast prawdziwej sekcji nagłówka, to rozwiązanie nie wygląda tak czysto, ale działa tak dobrze, że możesz użyć zdefiniowanej komórki prototypowej dla sekcji nagłówków oraz w metodzie cellForRowAtIndexPath zapytaj o indexPath.row == 0, jeśli prawda, użyj komórki prototypowej sekcji nagłówka, w przeciwnym razie użyj domyślnej komórki prototypowej.

Zmień styl TableView:

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

Zgodnie z dokumentacją Apple dla UITableView:

UITableViewStylePlain - zwykły widok tabeli. Wszelkie nagłówki lub stopki sekcji są wyświetlane jako separatory w wierszu i przesuwają się podczas przewijania widoku tabeli.

UITableViewStyleGrouped - widok tabeli, którego sekcje przedstawiają różne grupy wierszy. Nagłówki i stopki sekcji nie są ruchome. Mam nadzieję, że ta mała zmiana Ci pomoże ...

Teraz, gdy zgrupowany styl wygląda w zasadzie tak samo jak zwykły styl w iOS 7 (pod względem płaskości i tła), dla nas najlepszą i najłatwiejszą (tj. Najmniej hakerską) poprawką była po prostu zmiana stylu widoku tabeli na zgrupowany. Jacking z contentInsets zawsze stanowił problem, gdy zintegrowaliśmy pasek nawigacji z przewijaniem na górze. Ze zgrupowanym stylem widoku tabeli wygląda dokładnie tak samo (z naszymi komórkami), a nagłówki sekcji pozostają niezmienione. Bez przewijania dziwności.

Przypisz ujemną wstawkę do swojego tableView. Jeśli masz nagłówki sekcji o wysokości 22 pikseli i nie chcesz, aby były lepkie, zaraz po ponownym załadowaniu danych dodaj:

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

U mnie działa jak urok. Działa również dla stopek sekcji, zamiast tego przypisz ujemną wstawkę na dole.

Dodaję tabelę do widoku przewijania i wydaje się, że działa dobrze.

Sprawdź moją odpowiedź tutaj . Jest to najłatwiejszy sposób na zaimplementowanie niepływających nagłówków sekcji bez żadnych hacków.

Odpowiedź @ LocoMike najlepiej pasowała do mojego tableView, jednak zepsuła się również podczas używania stopek. To jest poprawione rozwiązanie w przypadku używania nagłówków i stopek:

- (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;
    ...
}

Szybka wersja odpowiedzi @awulf, która działa świetnie!

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)
    }
}

Dowiedziałem się, że wystarczy ustawienie właściwości tableHeaderView, czyli:

 tableView.tableHeaderView = customView;

i to wszystko.