infinite scrolling(design and coding) 2016 0810.md

infinite scrolling(design and coding)

1 UI

Generally, the infinite scrolling page consists of two parts:

1. page header includes:
   (1) search input
   (2) search button
   (3) picture of today
   (4) project logo
2. search results
   The pages of search results depends on the searching key words. Every page displays 10 search results. When the user scrolls down to the end of the page , call a function to load more data and display it.

2 steps—roughly there are four steps

1. show basic content of one page
2. when the user scrolls down to the end of the page , call a function to load more data
   from server and append data to the displaying page
3. if there are newer posts, return them
4. when all the data is shown, stop the process and tell the user all data has been viewed.

3 use multithreads to improve user experience and evade stagnant UI.

NSOperation
NSOperationQueue

---

design graph for infinite scrolling UI
backup link--(https://www.pinterest.com/pin/392165080034698085/)