UITableViewセクションヘッダーのデフォルトのスクロール動作を変更

2つのセクションを持つUITableViewがあります。シンプルなテーブルビューです。これらのヘッダーのカスタムビューを作成するために、viewForHeaderInSectionを使用しています。ここまでは順調ですね。

デフォルトのスクロール動作では、セクションが検出されると、次のセクションがスクロールして表示されるまで、セクションヘッダーがナビゲーションバーの下に固定されます。

私の質問はこれです：セクションヘッダーが上部に固定されないようにデフォルトの動作を変更できますが、ナビゲーションバーの下で残りのセクション行をスクロールできますか？

私は何か明白なものを見逃していますか？

ありがとう。

私がこの問題を解決した方法contentOffsetはcontentInset、次のようにUITableViewControllerDelegate（extends 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ヘッダーの高さに一致する場合、指の感触は完璧またはほぼ完璧のようです。}

また、上部に行がゼロのセクションを追加して、前のセクションのフッターを次のセクションのヘッダーとして使用することもできます。

私がこれを行っていたなら、プレーンスタイルのUITableViewにはスティッキーヘッダーがあり、グループ化スタイルのヘッダーにはないという事実を利用します。おそらく、少なくともカスタムテーブルセルを使用して、グループ化されたテーブルのプレーンセルの外観を模倣してみます。

私は実際にこれを試していないので、うまくいかないかもしれませんが、それは私が行うことをお勧めするものです。

遅くなることはわかっていますが、最終的な解決策を見つけました。

あなたがしたいことは、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

この問題をハッキングされない方法で解決するには、いくつかのことを行う必要があります。

1. テーブルビュースタイルを UITableViewStyleGrouped
2. テーブルビューbackgroundColorを[UIColor clearColor]
3. 設定するbackgroundViewと、空のビューに各テーブルビューセル上をbackgroundColor [UIColor clearColor]
4. 必要に応じて、テーブルビューをrowHeight適切に設定するtableView:heightForRowAtIndexPath:か、個々の行の高さが異なる場合はオーバーライドします。

最初にここに掲載された、IBを使用した簡単な解決策。非常に単純ですが、プログラムで同じことを行うことができます。

これを実現するためのおそらくより簡単な方法（IBを使用）：

UIViewをTableViewにドラッグして、ヘッダービューにします。

1. ヘッダービューの高さを100pxに設定します
2. テーブルビューのcontentInset（トップ）を-100に設定します。
3. セクションヘッダーは、通常のセルと同じようにスクロールします。

このソリューションは最初のヘッダーを隠すと言っている人もいますが、私はそのような問題に気づいていません。これは完璧に機能し、これまで見た中で最も簡単なソリューションでした。

これまでに説明したソリューションに満足できなかったので、それらを組み合わせてみました。結果は、@ 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)]];

TableViewスタイルを変更するだけです。

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

UITableViewStyleドキュメント：

UITableViewStylePlain-プレーンテーブルビュー。セクションヘッダーまたはフッターはインラインセパレータとして表示され、テーブルビューがスクロールされるとフロートします。

UITableViewStyleGrouped-セクションが異なる行のグループを表示するテーブルビュー。セクションのヘッダーとフッターはフロートしません。

ストーリーボードのtableViewの属性インスペクターからグループ化されたテーブルビュースタイルを選択します。

断面ビューのヘッダーと同じ高さの透明ビューでテーブルのheaderViewを設定します。また、-heightでyフレームを使用してテーブルビューを開始します。

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

別の解決策を見つけました、実際のヘッダーセクションの代わりに各セクションの最初のセルを使用してください。このソリューションはそれほどきれいに見えませんが、うまく機能します。ヘッダーセクションに定義済みのプロトタイプセルを使用でき、メソッドcellForRowAtIndexPathで使用できます。 indexPath.row == 0を要求します。trueの場合、ヘッダーセクションのプロトタイプセルを使用します。それ以外の場合は、デフォルトのプロトタイプセルを使用します。

TableViewスタイルを変更します。

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

UITableViewのアップルのドキュメントに従って：

UITableViewStylePlain-プレーンテーブルビュー。セクションヘッダーまたはフッターはインラインセパレータとして表示され、テーブルビューがスクロールされるとフロートします。

UITableViewStyleGrouped-セクションが異なる行のグループを表示するテーブルビュー。セクションのヘッダーとフッターはフロートしません。この小さな変更がお役に立てば幸いです。

グループ化されたスタイルは基本的にiOS 7のプレーンスタイルと同じように見えますが（フラットネスと背景に関して）、テーブルビューのスタイルを単にグループ化するように変更するだけが最善で最も簡単な（つまり、ハックが最も少ない）修正でした。スクロールアウェイナビゲーションバーを上部に組み込んだとき、contentInsetsでのジャッキングは常に問題でした。グループ化されたテーブルビュースタイルでは、（セルを含めて）まったく同じに見え、セクションヘッダーは固定されたままです。スクロールの奇妙さはありません。

tableViewに負のインセットを割り当てます。22pxの高さのセクションヘッダーがあり、reloadDataを追加した直後にそれらをスティッキーにしたくない場合は、次のように追加します。

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

私にとっては魅力のように機能します。セクションフッターでも機能します。代わりに、下部に負のインセットを割り当てます。

スクロールビューにテーブルを追加しましたが、うまく機能しているようです。

ここで私の答えを確認してください。これは、ハッキングなしで非フローティングセクションヘッダーを実装する最も簡単な方法です。

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

@awulf回答のSwiftバージョン。

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

tableHeaderViewプロパティを設定するだけで実行できることを学びました。

 tableView.tableHeaderView = customView;

以上です。