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

Question

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

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

私の質問は次のとおりです。セクションヘッダーが上部に固定されたままではなく、残りのセクション行と共にナビゲーションバーの下をスクロールするように、デフォルトの動作を変更できますか?

明らかな何かが欠けていますか？

ありがとう。

score 175 · Accepted Answer

この問題を解決する方法は、次のように(extends )contentOffsetに従ってを調整することです。contentInsetUITableViewControllerDelegateUIScrollViewDelegate

- (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 ヘッダーの高さと一致する場合、指の感触は完璧またはほぼ完璧に見えます。}

score 86 · Accepted Answer

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

score 36 · Accepted Answer

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

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

score 28 · Accepted Answer

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

セクションが 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

score 16 · Accepted Answer

最初に投稿されたここ、IBを使用した簡単なソリューション。非常に簡単ですが、同じことをプログラムで行うことができます。

これを達成するためのおそらくより簡単な方法 (IB を使用):

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

そのヘッダービューの高さを 100px に設定します

tableview contentInset (上) を -100 に設定します。

セクションヘッダーは、通常のセルと同じようにスクロールするようになりました。

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

score 15 · Accepted Answer

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

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

UITableViewStyle ドキュメント:

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

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

score 15 · Accepted Answer

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

score 15 · Accepted Answer

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

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

score 5 · Accepted Answer

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

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

score 5 · Accepted Answer

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

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

UITableView の Apple ドキュメントによると:

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

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

score 4 · Accepted Answer

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

score 2 · Accepted Answer

グループ化されたスタイルは基本的に iOS 7 のプレーンスタイルと同じように見えるので (平面性と背景の点で)、私たちにとって最善かつ最も簡単な (つまり、最もハッキリした) 修正は、テーブルビューのスタイルをグループ化に変更することでした。上部にスクロールアウェイナビゲーションバーを統合したとき、contentInsets によるジャッキングは常に問題でした。グループ化されたテーブルビュースタイルでは、(セルに関して) まったく同じように見え、セクションヘッダーは固定されたままです。スクロールの奇妙さはありません。

score 1 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

0

テーブルを Scroll View に追加すると、うまくいくようです。

于 2010-05-10T00:11:43.223 に答える

score 0 · Accepted Answer

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

score -2 · Accepted Answer

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

 tableView.tableHeaderView = customView;

以上です。

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

19 に答える 19

Related

Reference

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