How to use UIPageControl in IOS.

UIPageControl

In most of the time, we want to make application attractive by look wise .UIPagecontroller basically displays a number of pages in small ball representation by default. we can set our own images also . I had used this concept in banner Images that will change in every 2 sec.

There are some steps to follow.

1: allocate the object for UIPagecontroll .

UIPageControl *pager = [[UIPageControl alloc] initWithFrame:CGRectMake(0,totalHeight-120,_mainView.frame.size.width,80)]; //SET a property of UIPageControl
        
        pager.backgroundColor = [UIColor clearColor];
        pager.numberOfPages = imageCount; //total number of pages.
        pager.currentPage = 0;
        pager.highlighted = TRUE;
        pager.pageIndicatorTintColor = [GlobalData colorWithHexString:@"CCCCCC"];
        pager.currentPageIndicatorTintColor = [GlobalData colorWithHexString:GLOBAL_COLOR];

UIPageControl *pager = [[UIPageControl alloc] initWithFrame:CGRectMake(0,totalHeight-120,_mainView.frame.size.width,80)]; //SET a property of UIPageControl

pager.backgroundColor = [UIColor clearColor];

pager.numberOfPages = imageCount; //total number of pages.

pager.currentPage = 0;

pager.highlighted = TRUE;

pager.pageIndicatorTintColor = [GlobalData colorWithHexString:@"CCCCCC"];

pager.currentPageIndicatorTintColor = [GlobalData colorWithHexString:GLOBAL_COLOR];

2: count the page number in UIScrollView.

float width = CGRectGetWidth(_imageScroller.frame);
    float height = CGRectGetHeight(_imageScroller.frame);
    float newPosition = _imageScroller.contentOffset.x+width;
    pagerCounter +=1;
    if(newPosition == (SCREEN_WIDTH-4) * imageCount)
        newPosition = 0.0f;
    CGRect toVisible = CGRectMake(newPosition, 0, width, height);
    [_imageScroller scrollRectToVisible:toVisible animated:YES];
    pager.currentPage = pagerCounter;   // here you update the pagenumber.

float width = CGRectGetWidth(_imageScroller.frame);

float height = CGRectGetHeight(_imageScroller.frame);

float newPosition = _imageScroller.contentOffset.x+width;

pagerCounter +=1;

if(newPosition == (SCREEN_WIDTH-4) * imageCount)

newPosition = 0.0f;

CGRect toVisible = CGRectMake(newPosition, 0, width, height);

[_imageScroller scrollRectToVisible:toVisible animated:YES];

pager.currentPage = pagerCounter; // here you update the pagenumber.

kunal prasad 18 December 2016

. . .

How to use UIPageControl in IOS.

UIPageControl

Leave a Comment Cancel Reply

Message Sent!