Ggtcf

In iOS 6 you can set the tint color of UIPageControl:

There are 2 new properties:

• pageIndicatorTintColor


• currentPageIndicatorTintColor

You can also use the appearance API to change the tint color of all page indicators.

If you are targeting iOS 5 make sure it doesn't crash:

if ([pageControl respondsToSelector:@selector(setPageIndicatorTintColor:)]) 
 pageControl.pageIndicatorTintColor = [UIColor whiteColor];

pageControl.pageIndicatorTintColor = [UIColor redColor];
pageControl.currentPageIndicatorTintColor = [UIColor redColor];

works for iOS6

In case anyone wants an ARC / modern version of it (no need to redefine properties as ivar, no dealloc, and works with Interface Builder) :

#import <UIKit/UIKit.h>

@protocol PageControlDelegate;

@interface PageControl : UIView 

// Set these to control the PageControl.
@property (nonatomic) NSInteger currentPage;
@property (nonatomic) NSInteger numberOfPages;

// Customize these as well as the backgroundColor property.
@property (nonatomic, strong) UIColor *dotColorCurrentPage;
@property (nonatomic, strong) UIColor *dotColorOtherPage;

// Optional delegate for callbacks when user taps a page dot.
@property (nonatomic, weak) NSObject<PageControlDelegate> *delegate;

@end

@protocol PageControlDelegate<NSObject>
@optional
- (void)pageControlPageDidChange:(PageControl *)pageControl;
@end

PageControl.m :

#import "PageControl.h"


// Tweak these or make them dynamic.
#define kDotDiameter 7.0
#define kDotSpacer 7.0

@implementation PageControl

@synthesize dotColorCurrentPage;
@synthesize dotColorOtherPage;
@synthesize currentPage;
@synthesize numberOfPages;
@synthesize delegate;

- (void)setCurrentPage:(NSInteger)page

 currentPage = MIN(MAX(0, page), self.numberOfPages-1);
 [self setNeedsDisplay];


- (void)setNumberOfPages:(NSInteger)pages

 numberOfPages = MAX(0, pages);
 currentPage = MIN(MAX(0, self.currentPage), numberOfPages-1);
 [self setNeedsDisplay];


- (id)initWithFrame:(CGRect)frame 

 if (self = [super initWithFrame:frame]) 
 
 // Default colors.
 self.backgroundColor = [UIColor clearColor];
 self.dotColorCurrentPage = [UIColor blackColor];
 self.dotColorOtherPage = [UIColor lightGrayColor];
 
 return self;


-(id)initWithCoder:(NSCoder *)aDecoder

 if (self = [super initWithCoder:aDecoder])
 
 self.dotColorCurrentPage = [UIColor blackColor];
 self.dotColorOtherPage = [UIColor lightGrayColor];
 
 return self;


- (void)drawRect:(CGRect)rect 

 CGContextRef context = UIGraphicsGetCurrentContext(); 
 CGContextSetAllowsAntialiasing(context, true);

 CGRect currentBounds = self.bounds;
 CGFloat dotsWidth = self.numberOfPages*kDotDiameter + MAX(0, self.numberOfPages-1)*kDotSpacer;
 CGFloat x = CGRectGetMidX(currentBounds)-dotsWidth/2;
 CGFloat y = CGRectGetMidY(currentBounds)-kDotDiameter/2;
 for (int i=0; i<self.numberOfPages; i++)
 
 CGRect circleRect = CGRectMake(x, y, kDotDiameter, kDotDiameter);
 if (i == self.currentPage)
 
 CGContextSetFillColorWithColor(context, self.dotColorCurrentPage.CGColor);
 
 else
 
 CGContextSetFillColorWithColor(context, self.dotColorOtherPage.CGColor);
 
 CGContextFillEllipseInRect(context, circleRect);
 x += kDotDiameter + kDotSpacer;
 



- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
 (x>dotSpanX) 

@end

The answer provided by Heiberg works really well, however the page control does not behave exactly like the one by apple.

If you want the page control to behave like the one from apple does (always increment the current page by one if you touch the second half, otherwise decrease by one), try this touchesBegan-method instead:

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

 CGPoint touchPoint = [[[event touchesForView:self] anyObject] locationInView:self];

 CGRect currentBounds = self.bounds;
 CGFloat x = touchPoint.x - CGRectGetMidX(currentBounds);

 if(x<0 && self.currentPage>=0)
 self.currentPage--;
 [self.delegate pageControlPageDidChange:self]; 
 
 else if(x>0 && self.currentPage<self.numberOfPages-1)
 self.currentPage++;
 [self.delegate pageControlPageDidChange:self]; 
 

Add the following code to DidFinishLauch in AppDelegate,

UIPageControl *pageControl = [UIPageControl appearance];
pageControl.pageIndicatorTintColor = [UIColor lightGrayColor];
pageControl.currentPageIndicatorTintColor = [UIColor blackColor];
pageControl.backgroundColor = [UIColor whiteColor];

Hope this will help.

use this for coding

if ([pageControl respondsToSelector:@selector(setPageIndicatorTintColor:)]) 
 pageControl.pageIndicatorTintColor = [UIColor whiteColor];

or from storyboard you can change from current page tint

Adding to existing answers, it can be done like,

In Swift, this code inside the UIPageViewController is getting a reference to the page indicator and setting its properties

override func viewDidLoad() 
 super.viewDidLoad()

 //Creating the proxy
 let pageControl = UIPageControl.appearance()
 //Customizing
 pageControl.pageIndicatorTintColor = UIColor.lightGrayColor()
 pageControl.currentPageIndicatorTintColor = UIColor.darkGrayColor()
 //Setting the background of the view controller so the dots wont be on a black background 
 self.view.backgroundColor = UIColor.whiteColor()

It's easy with Swift 1.2:

UIPageControl.appearance().pageIndicatorTintColor = UIColor.lightGrayColor()
UIPageControl.appearance().currentPageIndicatorTintColor = UIColor.redColor()

You can fix it with ease by adding the following code to your appdelegate.m file in your didFinishLaunchingWithOptions method:

UIPageControl *pageControl = [UIPageControl appearance];
pageControl.pageIndicatorTintColor = [UIColor darkGrayColor];
pageControl.currentPageIndicatorTintColor = [UIColor orangeColor];
pageControl.backgroundColor = [UIColor whiteColor]

This is worked for me in iOS 7.

pageControl.pageIndicatorTintColor = [UIColor purpleColor];
pageControl.currentPageIndicatorTintColor = [UIColor magentaColor];

It's not possible using the iPhone SDK from an official standpoint. You might be able to do it using private methods, but that will be a barrier to getting onto the app store.

The only other safe solution is to create yout own page control which shpuldnt be too difficult given that the page control simply displays what page is currently shown in a scroll view.

@Jasarien I think you can subclass UIPageControll, line picked from apple doc only "Subclasses that customize the appearance of the page control can use this method to resize the page control when the page count changes" for the method sizeForNumberOfPages:

You could also use Three20 Library that contains a styleable PageControl and dozens of other helpful UI Controls and Abstractions.

In cased of Swift 2.0 and up, the below code will work:

pageControl.pageIndicatorTintColor = UIColor.whiteColor()
pageControl.currentPageIndicatorTintColor = UIColor.redColor()

Here is a Swift 3.0 solution ... you know if you are OK with accepting stated risk: "Modifying the subviews of an existing control is fragile".

You will have to call updateDots() in your viewDidAppear() and your valueChanged handler for the page control.

 import UIKit

 class CustomImagePageControl: UIPageControl 

 let activeImage:UIImage = UIImage(named: "SelectedPage")!
 let inactiveImage:UIImage = UIImage(named: "UnselectedPage")!

 override func awakeFromNib() 
 super.awakeFromNib()

 self.pageIndicatorTintColor = UIColor.clear
 self.currentPageIndicatorTintColor = UIColor.clear
 self.clipsToBounds = false
 

 func updateDots() 
 var i = 0
 for view in self.subviews 
 if let imageView = self.imageForSubview(view) 
 if i == self.currentPage 
 imageView.image = self.activeImage
 else 
 imageView.image = self.inactiveImage
 
 i = i + 1
 else 
 var dotImage = self.inactiveImage
 if i == self.currentPage 
 dotImage = self.activeImage
 
 view.clipsToBounds = false
 view.addSubview(UIImageView(image:dotImage))
 i = i + 1
 
 
 

 fileprivate func imageForSubview(_ view:UIView) -> UIImageView? 
 var dot:UIImageView?

 if let dotImageView = view as? UIImageView 
 dot = dotImageView
 else 
 for foundView in view.subviews 
 if let imageView = foundView as? UIImageView 
 dot = imageView
 break
 
 
 

 return dot
 
 

myView.superview.tintColor = [UIColor colorWithRed:1.0f 
 green:1.0f blue:1.0f alpha:1.0f];