iOS 7の連絡先アプリのような検索バーを作成

Question

私はの部分にsectionIndexTitlesForTableView:の横にスクロール可能なセクションを持つアプリケーションを持っています。

UITableViewのtableHeaderViewに、UISearchBarを追加します。これは、AppleがiOS7の新しい連絡先アプリで使用しているように動作したいものです。しかし、私はそれを動作させるように見えることはできません。

検索バーは画面の幅の100％ではなく、セクションインデックスに対して右側にあります。

私の質問は以下のとおりです。それは目に見える部分インデックスを有するUITableViewのtableHeaderViewだとき

• にはどうすれば100％に検索バーの幅を得るのですか？
• ナビゲーションバーが表示されず、検索バーの灰色の背景がステータスバーに及ぶiOS 7の連絡先アプリのようなトランジションを作成するにはどうすればよいですか？

私は、ナビゲーションバーに検索バーを追加し、UISearchBarControllerの使用など、すでにいくつかのことを、試してみましたが、私はこれを作成する方法については、アップルのWebサイトで良いドキュメントを見つけることができません。また、iOS6からiOS7への移行ガイドは私にとっては役に立たなかった。

Answer 1

2つのこと：

1）のtableViewのsectionIndexBackgroundColor [UIColor clearColor]に設定し

は、ここに私の問題を説明する二つの絵です。

2）UISearchBar

ためにあなたの問題を解決しますAppleは自分のアプリのやり方に

- (void)viewDidLayoutSubviews { 
    [super viewDidLayoutSubviews]; 
    CGRect barFrame = self.searchBar.frame; 
    barFrame.size.width = self.view.bounds.size.width; 
    self.searchBar.frame = barFrame; 
} 

Answer 2

二つの主な相違点をフレームを修正するために「viewDidLayoutSubviews」メソッドを実装します。

まず、UISearchBarはtableViewのheaderViewではありません。それはテーブルの上の別のビューです。 UITableViewControllerをUISearchBarのすぐ下に配置されたUIViewControllerに変更する必要があります。

第2に、UISearchBarには関連する検索表示コントローラがあります。あなたがストーリーボードファイルを使用していると仮定すると、これは一緒にバンドルされています。検索ディスプレイコントローラでUISearchBarを追加するだけです。これは、あなたのステータスバーの下に移行するすべてを処理します。