2017-07-12 3 views
0

これは、アプリストアでガンナアプリからの画像です:上部にコレクションビュー、下部にリストがあるスクロール可能なビューを作成するにはどうすればいいですか?

enter image description here

ユーザーが上部の検索バーをクリックしたときに、このビューがポップアップ表示されます。私は彼らがUISearchControllerUISearchControllerのコンストラクタにScrollViewを渡して)を使用して実装していると信じていますし、ScrollViewには最近の検索の横スクロールCollectionViewが含まれていますが、その下に傾向リストを置くのは混乱します。トレンドセクションではTableViewですか?

このタイプのUIを構築する方法を知っている人はいますか?

EDIT:

うという最近の検索がcollectionviewヘッダーとテーブルビューのセルを残りは、単一のテーブルビューの仕事?

答えて

2

ビュー全体をスクロールすると「最近の検索」がスクロールアップされていますか? (私は「もしそうなら、あなたは二つの異なるタイプのテーブルセルをカスタマイズして使用することができます

『をあなたの最初のセクション内collectionviewを』私のアプリストアでこのアプリを見つけることができません。

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 
    var cell : UITableViewCell! 
    if indexPath.section == 0 { 
     cell = tableView.dequeueReusableCell(withIdentifier: "id of cell contain colletoinview for recent search", for: indexPath) 
    } else { 
     cell = tableView.dequeueReusableCell(withIdentifier: "id of cell for trending", for: indexPath) 
    } 
    return cell! 
} 

ない場合は、あなたをあなたのUIViewControllerで「コレクションビュー」と「テーブルビュー」の両方を使用することができます。

class SampleController : UIViewController { 
    @IBOutlet var trendingTableView : UITableView! 
    @IBOutlet var recentSearchCollectionView : UICollectionView! 
} 

extension SampleController : UITableViewDelegate, UITableViewDataSource { 
    // handle your tableview, Implement protocol 
} 

extension SampleController : UICollectionViewDelegate, UICollectionViewDataSource { 
    // handle your collectionview, Implement protocol 
} 

あなたもscrollviewをカスタマイズすることができます。(実際にはお勧めしません)

+0

私はあなたの最初のオプションとまったく同じことを考えていましたあまりにも実際に。また、最近の検索 'CollectionView'をヘッダーセルにし、残りのボトム部分を通常はセルをデキューします。助けてくれてありがとう! – CapturedTree

+0

非常にお手伝いします。 :) – Codus

+0

スナップチャットで検索バーをクリックしたときに表示されるビューを作成する方法について、私はどう思いますか?私は1つの大きな 'TableView'を持っていると思っていました。そのメインの 'TableView'の中に' Top Stories'というセクションが作られ、そこで 'CollectionView'が置かれます。次に、次の部分については、(「周りの私」、「旅行」などの)カテゴリのすべてを含む別のセクションがあります。そのセクションでは、カテゴリと同じ数のセルとそれらのセルのそれぞれに垂直な 'CollectionView'を持つ水平' CollectionView'があります。それはあなたが行く方法ですか? – CapturedTree

関連する問題