ネイティブ連絡先アプリと同様のスティッキー検索バーとセクションヘッダーの動作

Question

iPhoneの連絡先アプリで検索バーのスティッキーな動作を再現したいと思います。

ときにユーザーがスクロールダウンビュー、検索バーは、ビューと一緒にダウン来る：

ユーザーがスクロールアップ、テーブルのスクロールに応じた場合、

（1）検索バーには、が先頭に固定されます。、及び
（2）後続のセクションヘッダーを適切検索バー下に停止：

次セクションヘッダが来ると、前ヘッダが検索バーの下に消える：

注：セクションインデックスコントロール（右側のaz）はの上に表示されます。も同様である。 Ergoは、contentInsetで手を加えて、セクションインデックスコントロールをそれに沿って押し下げます。

UIViewControllerというカスタムを作成しました。UITableViewを追加しました。それはcontentInsetを検索バーの高さに設定しました。私はUIViewを作成し、そのサブビューとして検索バーを追加してからUIViewをUITableViewに追加しました。しかしながら、上述したように、ユーザがスクロールしているとき、セクションヘッダはヘッダの高さではなくy位置のゼロに依然として張り付いている。さらに、セクションヘッダーインデックスコントロールの位置が悪影響を受けます。

私はこの問題の解決策に感謝します。

Answer 1

すべてのことを正しく行うにはかなりの作業が必要でしたが、その動作を再現することができることを証明しなければなりませんでした。少なくともです。調整-scrollViewDidScroll:で）テーブルビューに直接検索バーを追加してのtableViewのcontentInset
2セット）
1：https://github.com/fabiankr/TableViewSearchBar

を実際に、それはそれさえも複雑ではありません：
は、私が作成したこのGitHubのプロジェクトがチェックアウト検索バーのフレーム

ただし、注意が必要な注意点があります。
1）テーブルビューを上にスクロールすると、セクションバーが検索バーのすぐ上に表示されます。これを解決するには、検索バーの
にスクロールするときに検索バーのzPositionを設定してください。UISearchDisplayControllerがコントローラのビューにディミング表示を追加するため、コンテンツコントローラはUITableViewControllerの代わりにUIViewControllerのサブクラスである必要があります。テーブルビューコントローラーのviewはテーブルビューであるため、テーブルビューがスクロールされると、表示が間違った位置に表示されます。

パブリックAPIのみでは不可能なことの1つは、テーブルの右側にあるセクションインデックスコントロールを検索バーに重ねることです。それはほんの些細なことであり、それがなくても連絡先アプリで見つかったものと非常によく似ています。

全く同じ動作を実現するには、プライベートAPIを使用する必要があります。 UITableViewには、_setPinsTableHeaderView:と呼ばれる方法があります。サンプルプロジェクトには、1）パブリックAPIのみ、2）セクションインデックスコントロールを取得するためのプライベートAPIの両方が検索バーと重複する実装が含まれています。
備考：App Storeにアプリを提出する予定がある場合は、プライベートAPIを使用しないでください。

Answer 2

私はこの動作を実現方法は、私のUITableView浮動セルフォームを取り外し、それのUITableViewのサブビューすることによってだったとscrollViewDidScroll中の浮遊細胞をアニメ化。 そして、UITableViewが浮動小数点セルを表示するのに十分遠くまでスクロールするので、scrollViewDidScrollが呼び出されたときに浮動小数点セルによって覆われた非表示のセルがtableviewにも貼り付けられました。

- (void)viewDidLoad { 
    // add floating cell to tableview 
    FloatingCell *cell = [[FloatingCell alloc] init]; 
    [self.tableView addSubview:cell]; 
    self.floatingCell = cell; 
} 
// overwrite scrollViewDidScroll 
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { 
    CGRect floatingCellFrame = floatingCell.frame; 
    CGFloat floatingCellHeight = floatingCellFrame.size.height; 

    // when contentOffset is is more then cellHeight scroll floating cell 
    if (scrollView.contentOffset.y > floatingCellHeight) { 
     floatingCellFrame.origin.y = -scrollView.contentOffset.y + floatingCellHeight; 

    // when contentOffset is less then cellHeight stick it to the top of UITableView 
    else if (scrollView.contentOffset.y < floatingCellHeight) 
     floatingCellFrame.origin.y = 0; 

    floatingCell.frame = floatingCellFrame; 
} 

あなたはそうスクロール時の浮遊細胞がジャンプするように表示されませんが、これは屋を始める必要があるカップルのコーナーケース条件を追加する必要があります。がんばろう！