一個(gè)簡(jiǎn)單實(shí)用的自定義PageControl
github地址：XHPageControlDemo
Swift版本請(qǐng)參考：Swift自定義PageControl

PageControl.png

PageControl.png

自定義PageControl

我們經(jīng)常會(huì)用到PageControl,但是系統(tǒng)的PageControl只有一種樣式,不支持多樣化,這里簡(jiǎn)單介紹一個(gè)簡(jiǎn)單的自定義PageControl.

主要功能:

1. 可以自定義兩點(diǎn)之間間隙
2. 可以定義左右間隙
3. 可以自定義高度
4. 可以自定義選中點(diǎn)的寬度
5. 可以設(shè)置每個(gè)點(diǎn)的圓角大小
6. 每個(gè)點(diǎn)有點(diǎn)擊事件
7. 可以自定義選中和非選中的圖片
8. 可以設(shè)置居左、居中、居右樣式
9. 支持長(zhǎng)條形狀
   10.選中點(diǎn)可以小于非選中點(diǎn)

實(shí)現(xiàn):
將自定義PageControl類拖到項(xiàng)目中,并導(dǎo)入頭文件.

//創(chuàng)建pageControl
XHPageControl  *pageControl = [[XHPageControl alloc] initWithFrame:CGRectMake(0, 300,[UIScreen mainScreen].bounds.size.width, 30)];
//設(shè)置點(diǎn)的總個(gè)數(shù)
pageControl.numberOfPages = 7;
//設(shè)置非選中點(diǎn)的大?。▽挾群透叨龋?pageControl.otherPointSize = CGSizeMake(12, 6);
//設(shè)置選中點(diǎn)的大?。▽挾群透叨龋?pageControl.currentPointSize = CGSizeMake(24, 6);
//設(shè)置圓角大小
pageControl.pointCornerRadius = 3;
//設(shè)置兩點(diǎn)之間的間隙
pageControl.controlSpacing = 3;
//左右間寬,只有在居左居右顯示的時(shí)候才有用
pageControl.leftAndRightSpacing = 10;
//設(shè)置樣式.默認(rèn)居中顯示
pageControl.pageAliment = PageControlMiddle;
//非選中點(diǎn)的顏色  
pageControl.otherColor=[UIColor grayColor];
//選中點(diǎn)的顏色  
pageControl.currentColor=[UIColor orangeColor];
//當(dāng)只有一個(gè)點(diǎn)的時(shí)候是否隱藏,默認(rèn)隱藏
pageControl.isHidesForSinglePage = YES;
//是否可以點(diǎn)擊,默認(rèn)不可以點(diǎn)擊
pageControl.isCanClickPoint = YES;
//代理    
pageControl.delegate = self;
//標(biāo)記    
pageControl.tag = 902;
    
[self.view addSubview:pageControl];

代理實(shí)現(xiàn):

#pragma mark - 代理
- (void)xh_PageControlClick:(XHPageControl*)pageControl index:(NSInteger)clickIndex{

    NSLog(@"%ld",clickIndex);
    if(pageControl.tag == 902){
        CGPoint position = CGPointMake([UIScreen mainScreen].bounds.size.width * clickIndex, 0);
        [_scrollView2 setContentOffset:position animated:YES];
    }
}

代碼demo:XHPageControlDemo

Swift版本參考JJPageControlDemo