Paging in scrollview with different page size

4
votes

I need to provide paging in scrollview with different page size, each page will be of different size, whenever I scroll down or up it should show next page in the screen, and if the page size can not fit in single screen then it should allow further scrolling too till the end of that page. Here is the image for how i want to display data in two section.

See the below linked App in itunes for more clearity that how do I want the actual implementaiton.

https://itunes.apple.com/us/app/circa-news/id517114354

1

enter image description here

enter image description here

please help me some one how to do this. thanks in advance.

2
iphoneuiscrollviewpaginationcustompaging

2 Answers

2
votes

Follow this steps:-

  1. Download the page control source code from here https://github.com/yeahdongcn/RSCircaPageControl

  2. Import RSCircaPageControl.h to use the functionality.

  3. In the view where you want above layout,add above downloaded control as subview.

  4. Add scroll view as sub view of the page control,if your data content is more than visible area.

Explore the sample code how they have used, I guess this control fulfills all your requirements, RSCircaPageControl.h & RSCircaPageControl.m are main helper classes.

ALL THE BEST

0
votes

You can use CSS for the same. From web service, you should need two predefined class name for which you will apply css. One css to give white background and border and another class for grey font.