美文网首页iOS 宝典iOS DeveloperDevSupport
简单实现下拉图片放大④ + pageControl指示器

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

作者: 马铃薯蜀黍 | 来源:发表于2016-09-08 13:27 被阅读468次

传送门 :

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

完善后的效果图 一 :

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;
  • 释义 : 常规代码.. 这里可以 设置当前选中的指示颜色以及默认颜色
  • 跟随滚动偏移
4EA86B1A-D55B-4756-B220-9DA701BEF35B.png

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

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

完善后的效果图 二 :

Untitled1.gif

代码实现 :

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<count; i++) {
        //2.取出objc_property_t数组中的property
        Ivar property = propertyList[i];
        
        //3.获取的是C语言的名称
        const char *cPropertyName = ivar_getName(property);
        
        //4.将C语言的字符串转成OC的
        NSString * ocPropertyName = [[NSString alloc] initWithCString:cPropertyName encoding:NSUTF8StringEncoding];
        
        //5.打印结果如下 ,我们重点关心的就是 _pageImage , _currentPageImage
        //  我们知道了这两个名字 就可以利用KVC设置我们想要的图片!
        
//        NSLog(@"%@",ocPropertyName);
        /*
         
         2016-09-08 10:57:36.488 轮播图two[71257:3736607] _lastUserInterfaceIdiom
         2016-09-08 10:57:36.489 轮播图two[71257:3736607] _indicators
         2016-09-08 10:57:36.489 轮播图two[71257:3736607] _currentPage
         2016-09-08 10:57:36.490 轮播图two[71257:3736607] _displayedPage
         2016-09-08 10:57:36.490 轮播图two[71257:3736607] _pageControlFlags
         2016-09-08 10:57:36.493 轮播图two[71257:3736607] _currentPageImage
         2016-09-08 10:57:36.494 轮播图two[71257:3736607] _pageImage
         2016-09-08 10:57:36.494 轮播图two[71257:3736607] _currentPageImages
         2016-09-08 10:57:36.495 轮播图two[71257:3736607] _pageImages
         2016-09-08 10:57:36.495 轮播图two[71257:3736607] _backgroundVisualEffectView
         2016-09-08 10:57:36.496 轮播图two[71257:3736607] _currentPageIndicatorTintColor
         2016-09-08 10:57:36.496 轮播图two[71257:3736607] _pageIndicatorTintColor
         2016-09-08 10:57:36.496 轮播图two[71257:3736607] _legibilitySettings
         2016-09-08 10:57:36.497 轮播图two[71257:3736607] _numberOfPages
         */
    }
    
    //5.C语言中,用完copy,create的东西之后,最好释放
    free(propertyList);
}

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

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

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

QQ20161202-0.png
QQ20160908-1.png

任何其他问题,欢迎留言,愿与你一起学习
邮箱:zh_yes@foxmail.com

相关文章

网友评论

  • Casablanca1Q84S:你好,我的headView 是用autolayout 固定的高度,改怎么写呢?
    马铃薯蜀黍:那也没关系吧,如果是xib中的话,你可以把固定高度的那根线拖到代码里,在scroll滚动的方法里做调整
  • Casablanca1Q84S:你好,我想关闭轮播图啊,屏蔽了创建time 的方法还有通知,怎么还自动轮播啊
    Casablanca1Q84S:解决了,谢谢,原来你在滚动完毕之后,还添加time,呵呵呵
  • xclidongbo:文章内容不错.
    xclidongbo:@马铃薯蜀黍 有联系方式没。正好项目也做轮播图放大缩小的。可以请教下
    xclidongbo:@马铃薯蜀黍 哈哈。大家一起走,才走得更远
    马铃薯蜀黍::relaxed: 你这话我真的能高兴一整天了
  • NSMutableHeart:只有我发现手动拖动图片,指示器对不上么
    NSMutableHeart:@马铃薯蜀黍 我把那个代理方法放在YSColletionView中的 scrollViewDidScroll 方法中,这样解决的额
    马铃薯蜀黍:@NSMutableHeart 你看看在我后面补充的截图里改一下能不能解决
    马铃薯蜀黍:@NSMutableHeart 哪种对不上?有截图吗
  • 9岁就很6:帅哥 不错啊
    马铃薯蜀黍:@Nslog_hsw :no_mouth: what do you mean
    9岁就很6:@马铃薯蜀黍 :heart_eyes: :heart_eyes: 帮我写啊
    马铃薯蜀黍:@Nslog_hsw :smile: 谢谢
  • 卟师:我能转载分享吗?我会标注上作者和出处的
    卟师:@马铃薯蜀黍 :stuck_out_tongue_closed_eyes::stuck_out_tongue_closed_eyes:共同学习一起进步
    马铃薯蜀黍:@卟师 可以!感谢支持 :blush:

本文标题:简单实现下拉图片放大④ + pageControl指示器

本文链接:https://www.haomeiwen.com/subject/vsysettx.html