Is it possible to add a custom image page indicator on a Page view Controller native indicator?

Question

If possible, help me how to do it ?

this is the reference image not the actual one

you can change the color of indicator as per your image – jignesh Vadadoriya Dec 02 '16 at 04:50 — jignesh Vadadoriya, Dec 02 '16 at 04:50

score 0 · Accepted Answer · edited May 23 '17 at 11:45

0

If you normally want to change color of indicator then you can change directly color there is no need to change image by this way

let pageVC = UIPageControl()
pageVC.currentPageIndicatorTintColor = UIColor.red
pageVC.tintColor = UIColor.green

But you want to change the image of PageIndicator then try this link:-

Answer with GrayPageControl:- Is there a way to change page indicator dots color

It is really good and reliable.I also have used this code.

You might have to do some more customization as

-(void) updateDots
{
    for (int i = 0; i < [self.subviews count]; i++)
    {
        UIImageView* dot = [self.subviews objectAtIndex:i];

        if (i == self.currentPage) {
            if(i==0) {
                dot.image = [UIImage imageNamed:@"activesearch.png"];
            } else {
                dot.image = activeImage;
            }        
        } else {
            if(i==0) {
                dot.image = [UIImage imageNamed:@"inactivesearch.png"];
            } else {
                dot.image = inactiveImage;
            }
        }
    }
 }

Hope it will help you

edited May 23 '17 at 11:45

Community

1
1

answered Dec 02 '16 at 04:54

jignesh Vadadoriya

3,244
3
18
29

UIImageView* dot = [self.subviews objectAtIndex:i]; may i know what is this code used for ? – Vicky_Vignesh Dec 02 '16 at 11:09
it is PageIndicator imageView – jignesh Vadadoriya Dec 02 '16 at 11:10
yes, i can know that .but what and why we use this ? [self.subviews objectAtIndex:i] – Vicky_Vignesh Dec 02 '16 at 11:15
if you are using GrayPageControl which inherit from UIPageControl then you can write above method updateDots and you can access PageIndicator imageView via self.subviews – jignesh Vadadoriya Dec 02 '16 at 11:19
but the situation is, i created the pageController programatically – Vicky_Vignesh Dec 02 '16 at 11:25
it dose not matter ,you can use it – jignesh Vadadoriya Dec 02 '16 at 11:27
you are welcome bro and one more thing if my answer is helpful for you then up vote it. – jignesh Vadadoriya Dec 02 '16 at 12:32
i have only 3 reputations – Vicky_Vignesh Dec 02 '16 at 12:33
it's oky no problem – jignesh Vadadoriya Dec 02 '16 at 12:34

score 0 · Answer 2 · answered Dec 02 '16 at 05:11

If you have page control ref then use

   let pageControl = UIPageControl.appearanceWhenContainedInInstancesOfClasses([ViewController.self])
   pageControl.pageIndicatorTintColor = UIColor.lightGrayColor()
   pageControl.currentPageIndicatorTintColor = UIColor.darkGrayColor()

Is it possible to add a custom image page indicator on a Page view Controller native indicator?

2 Answers2