一個簡單實用的自定義PageControl
github地址：XHPageControlDemo
Swift版本請參考：Swift自定義PageControl

PageControl.png

PageControl.png

自定義PageControl

我們經常會用到PageControl,但是系統的PageControl只有一種樣式,不支持多樣化,這里簡單介紹一個簡單的自定義PageControl.

主要功能:

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

實現:
將自定義PageControl類拖到項目中,并導入頭文件.

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

代理實現:

#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