简单实现下拉图片放大④ + pageControl指示器

传送门 :

简单实现下拉图片放大① - 全屏手势
简单实现下拉图片放大② - 单张图
简单实现下拉图片放大③ - 定时器轮播图

完善后的效果图 一 :

github下载地址点我

Untitled3.gif

代码部分 :

  • 添加pageControl
- (void)addPageControl {
    CGFloat pageW = 20 * _urls.count;
    CGFloat pageH = kPageHeight;
    _myPageControl = [[UIPageControl alloc] initWithFrame:CGRectMake((_header.hm_width - pageW) * 0.5, _header.hm_height - pageH, pageW, pageH)];
//    _myPageControl.backgroundColor = [UIColor redColor];
    [_header addSubview:_myPageControl];
    _myPageControl.pageIndicatorTintColor = [UIColor greenColor];
    _myPageControl.currentPageIndicatorTintColor = [UIColor redColor];
    _myPageControl.numberOfPages = _urls  .count;
  • 释义 : 常规代码.. 这里可以 设置当前选中的指示颜色以及默认颜色
  • 跟随滚动偏移
简单实现下拉图片放大④ + pageControl指示器_第1张图片
4EA86B1A-D55B-4756-B220-9DA701BEF35B.png

释义 : 随父控件_header滚动 并渐变消失即可
注意 : _header并非加到tableView的headerView上 !!

对于个性的你一定觉得小圆点点low爆了对不对 ?

完善后的效果图 二 :

简单实现下拉图片放大④ + pageControl指示器_第2张图片
Untitled1.gif

代码实现 :

简单实现下拉图片放大④ + pageControl指示器_第3张图片
QQ20160908-0.png
[_myPageControl setValue:[UIImage imageNamed:@"pageCurrent.png"] forKey:@"_currentPageImage"];
    [_myPageControl setValue:[UIImage imageNamed:@"pageOther.png"] forKey:@"_pageImage"];

释义 : pageControl在iOS8.4以后有一些属性变为私有,苹果并没有暴露给我们,但是我们依然可以通过kvc来替换使用自定义的image

  • 探究证明
- (void)getUIPageControlProperties{
    unsigned int count;
    /**
     1.获取属性列表y
     参数1:获取哪个类的
     参数2:count表示你该类里面有多少个属性
     
     propertyList 它就相当于一个数组
     */
    /**
     class_copyPropertyList 这个方法只能获取类的公有属性
     
     class_copyIvarList 能获取类的所有属性,包括私有属性
     */
    
    Ivar *propertyList = class_copyIvarList([UIPageControl class], &count);
    
    for (int i=0; i

释义 运用runtime获取Ivar全部属性,打印可得~~
我们重点关心的就是 _pageImage , _currentPageImage // 我们知道了这两个名字 就可以利用KVC设置我们想要的图片!

补充2016年12月02日18:04:31

如果有细心的可能发现指示器图片可能是有些许偏差的可以在这里修改

简单实现下拉图片放大④ + pageControl指示器_第4张图片
QQ20161202-0.png

简单实现下拉图片放大④ + pageControl指示器_第5张图片
QQ20160908-1.png

任何其他问题,欢迎留言,愿与你一起学习
邮箱:[email protected]

你可能感兴趣的:(简单实现下拉图片放大④ + pageControl指示器)