一個(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.
主要功能:
- 可以自定義兩點(diǎn)之間間隙
- 可以定義左右間隙
- 可以自定義高度
- 可以自定義選中點(diǎn)的寬度
- 可以設(shè)置每個(gè)點(diǎn)的圓角大小
- 每個(gè)點(diǎn)有點(diǎn)擊事件
- 可以自定義選中和非選中的圖片
- 可以設(shè)置居左上岗、居中诀浪、居右樣式
- 支持長(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
