Geek Answers Handbook

How to create a layout, for example, Featured page in the App Store?

I am new to iOS development. Based on my assumption, the Feature page in the App Store was created using a combination of UITableView and UICollectionView. But how to do this in theory and code? I know this is a bit vague because it is pretty hard to describe, but I just need some people to help me explain this.

In this case, I will try to use these names:

1. The top section is a view in which application banners are displayed, people can bring it in to view another banner.
2. The middle section, which can be scrolled horizontally. (Best New Applications, Best New Games, etc.).
3. The bottom section begins with quick links below.

Questions:

1. The scroll indicator is launched from the top root view, which is usually, but:
a. When we scroll through it, the expectation starts from the middle part. How to do it? Is the separation of the upper and middle parts a divided view? But how to start the scroll indicator from the top root view if the top and middle parts are split view? (A shared view means that views must have a different scroll indicator, unless this is a UIScrollView).
b. When we scroll it, there is nothing floating. So it looks like the whole page is a subview of one scroll, but the wait starts at the middle. How to create this bounciness effect while you have only one scroll indicator for the whole page?

2. In the middle part there are several types of collections that have a horizontal scroll direction. Is this the best way to create it so that you can use a UITableView with a cell that has a UICollectionView? It looks like it was created that way, but:
a. Is this the most efficient way to do this?
b. Due to the fact that my first question was my original confusion.

3. The lower section has a different separator from the middle section. The middle part is indented, while the lower one is not. How can I do this if it is a UITableView?

My whole question is how to create such a layout. If you cannot help me by giving me some examples of codes that will be good, please just explain to me a concept or theory on how to do this.

If the whole answer is just that I have to create it using a vertical / horizontal UIScrollView from scratch, which is good. I just want to make sure of this, since I tried not to create handmade tiles.

+6
source share
2 answers

OK, I think I finally found my own answer.

  • First, I need the UIScrollView to be root from the view. Then I set the contentSize value to a specific value.
  • The top can be a UIPageController or a horizontal UIScrollView.
  • The middle part is a UITableView with scrollEnabled to NO, and the cells are static. Static cells (can also be dynamic cells) will contain a UICollectionView. Since scrolling is disabled, it will use scrolling from the parent UIScrollView. Therefore, so that I can get the same effect of elasticity in the middle part.
  • The bottom is another UITableView cell.

Thanks.

+3
source

This can help you implement UICollectionViews in your UITableViewCell: http://ashfurrow.com/blog/putting-a-uicollectionview-in-a-uitableviewcell

To make the first cell "float" in a TableView, you can make sure that the cell never leaves the screen in scrollViewDidScroll

+2
source

More articles:


All Articles