Question

I need to create a view where the top half of the screen has an image and short info related to it and the bottom half has a list of items(prices from different stores for that item)(like table view controller) where each table cell(store price) can navigate the user to a full screen detail page of that item(store webpage).

Is it possible to have a mix of normal ViewController(top half page) and a Table View Controller(bottom page). How can we implement such a UI design?

Answer 1

You have one UIViewController subclass, and add the table view to it by dragging and dropping in the storyboard.

You then have a bit of extra work to do to fill the gap between a table view controller and a plain view controller – declare that you conform to the datasource and delegate protocols, create an outlet for the table view, connect the outlet to the table view and connect the table view’s delegate and datasource outlets to your VC.

Implement the three datasource methods (number of sections, number of rows and cellForRow…) and you’re done.