Reduce dot size or padding to fit all page indicators on screen with UIPageControl

ios uipagecontrol
Jordan H picture Jordan H · Nov 8, 2014 · Viewed 17.2k times · Source

I have a UIPageControl that has 22 pages, therefore 22 page indicator dots. In landscape on iPhone they're all visible with plenty of space on the left and right, but in portrait there's not enough horizontal space to display all of the dots (at least on iPhone 4 and 5), so two aren't visible and the outer two are cut in half.

I am looking for a way to reduce the size of the dots or reduce the amount of padding between the dots to ensure all dots fit on screen in portrait. How can that be accomplished?

enter image description here

Answer

pbasdf picture pbasdf · Nov 9, 2014

If you have that many dots, I would seriously consider a different control. But if you want to stick to UIPageControl, I would just scale it down to fit on screen, with something like:

pageControl.transform = CGAffineTransformMakeScale(0.7, 0.7);

This scales it down to 70% of its initial size - I leave it to you to determine the best scale for your screen size/number of pages.

Related questions

How can I change the color of pagination dots of UIPageControl?

I am developing an application in which I want to change either color or image of UIPageControl pagination dots. How can I change it? Is it possible to customize UIpageControl on above scenario?

Read More
How to create a Scroll View with a page control using swift?

I am trying to create a Page View controller with numbers of view. I want a simple code sample that will use UIPageViewController.

Read More
Programmatically Linking UIPageControl to UIScrollView

I am making a simple slideshow view within my app. I'd like to link my UIPageControl to my UIScrollView. This shouldn't be too difficult, but I haven't been able to find a simple solution anywhere. Below is my code. HelpViewController.…

Read More