本篇文章只是记录了一个自定义UIPageControl 的制作，其实很简单的  源码在底部会奉上链接，还望多多交流，多多支持。

网站建设哪家好，找成都创新互联！专注于网页设计、网站建设、微信开发、微信小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了枝江免费建站欢迎大家使用！

首先效果图如下：

首先先做一个UISCrollView

// 建议这样做，可以避免内存的泄露

UIScrollView *scrol = [[UIScrollViewalloc]init];

self.scrol = scrol;

  [scrol release];

MyPageControl *page = [[MyPageControlalloc]init];

self.pageControl = page;

  [page release];

 //  设置UIScrollView的一些属性

self.scrol.frame =CGRectMake(0,5,320,150);

self.scrol.contentSize =CGSizeMake(320*3,150);

self.scrol.showsHorizontalScrollIndicator =NO;

self.scrol.pagingEnabled =YES;

self.scrol.bounces =NO;

self.scrol.delegate =self;

//   这里添加3张图片 做演示用

for (int i = 0; i<3; i++) {

UIImageView *imgv = [[UIImageViewalloc]initWithImage:[UIImagep_w_picpathNamed:@"default_pic.png"]];

    imgv.frame = CGRectMake(i*320,0,320, 150);

    [self.scroladdSubview:imgv];

    [imgv release];

  }

  [self.viewaddSubview:self.scrol];

  //  添加图片下方的阴影

UIImageView *img_shade = [[UIImageViewalloc]initWithImage:[UIImagep_w_picpathNamed:@"shade.png"]];

  img_shade.frame = CGRectMake(0,135,320, 20);

  //  下面才是重点

CGRect rect =CGRectMake(img_shade.center.x-self.pageControl.frame.size.width/2, img_shade.frame.size.height -20,35,20);

self.pageControl.frame = rect;  //   设置坐标

  [_pageControlsetCurrentPage:0];//   设置当前显示

  [_pageControlsetNumberOfPages:3];//   设置共几张

self.pageControl.backgroundColor = [UIColorclearColor];//   设置背景色为无

  [selfsetPageControlPoint];//   这里写了一个方法用来设置图片的颜色，这样做是因为在UIScrollView滑动的时候也能改变颜色

  [self.pageControlsetHidesForSinglePage:YES];//   此属性是说明，当只有一个图片的时候也要显示一个点，默认为NO，即不显示一个点

  [img_shade addSubview:self.pageControl];

  [self.viewaddSubview:img_shade];

  [img_shade release];

源码地址：http://download.csdn.net/detail/zgcrichard/6224757

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：UIPageControl的自定义-创新互联
标题URL：http://chengdu.cdxwcx.cn/article/dehchd.html