Joey Joey - 1 month ago 21
iOS Question

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

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

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.