如何让UIScrollerview的提示滚动条一直显示

最近项目有个需求,实现滑动视图(比如scrollerview)的滚动条一直显示,初步以为很简单,结果加上查阅资料,花了很长时间才解决这个问题,在这里跟大家做个简单的分享。之前查阅的资料,都归结为SetAlpha,贴出一个比较有代表性的代码片段(截图,感兴趣的可以去网上搜)。

#define noDisableVerticalScrollTag 836913 
#define noDisableHorizontalScrollTag 836914 
 
@implementation UIImageView (ForScrollView) 
 
- (void) setAlpha:(float)alpha { 
    
    if (self.superview.tag == noDisableVerticalScrollTag) { 
        if (alpha == 0 && self.autoresizingMask == UIViewAutoresizingFlexibleLeftMargin) { 
            if (self.frame.size.width < 10 && self.frame.size.height > self.frame.size.width) { 
                UIScrollView *sc = (UIScrollView*)self.superview; 
                if (sc.frame.size.height < sc.contentSize.height) { 
                    return; 
                } 
            } 
        } 
    } 
    
    if (self.superview.tag == noDisableHorizontalScrollTag) { 
        if (alpha == 0 && self.autoresizingMask == UIViewAutoresizingFlexibleTopMargin) { 
            if (self.frame.size.height < 10 && self.frame.size.height < self.frame.size.width) { 
                UIScrollView *sc = (UIScrollView*)self.superview; 
                if (sc.frame.size.width < sc.contentSize.width) { 
                    return; 
                } 
            } 
        } 
    } 
    
    [super setAlpha:alpha]; 
} 
@end 

这个方法写的好像蛮有逻辑,我尝试了一下没有成功(可能是因为我当时在scrollerview的父视图的XIB文件上创建的imageview?),索性换了一个写法,我个人觉得是比较合适的,具体逻辑如下:
1️.将原有的showsVerticalScrollIndicator属性设置为NO,隐藏了原有的滚动提示条。
2️.在XIB文件上创建一个Imageview ,设置颜色,准备用它来做指示滚动条,设置颜色初始位置等(代码创建也可以)。
3️.在系统的这个方法里面- (void)scrollViewDidScroll:(UIScrollView *)scrollView,根据scrollerview或者collectionview的Contentsize做逻辑运算(只要在拖动的时候就会执行这个方法)。
4️.将试图外滚动条的多余部分做成不显示的效果。
以上就是较为简单的逻辑,下面是代码的实现部分:
创建完毕后(_mCollectionView是需要一直显示滚动条的scrollerview,_mImageIndicator是用xib创建的imageview类型的指示条),实现代理方法

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

{

//    CGPoint contentCenter=_mCollectionView.contentOffset;

//    NSLog(@"原点%@",NSStringFromCGPoint(contentCenter));

//    _mImageIndicator.center=CGPointMake(_mImageIndicator.center.x, contentCenter.y);

float zoom = 0;

zoom= scrollView.contentOffset.y/(scrollView.contentSize.height -scrollView.frame.size.height+(_mImageIndicator.frame.size.height-_mImageIndicator.frame.size.height*scrollView.frame.size.height/scrollView.contentSize.height));

_mImageIndicator.frame=CGRectMake(_mCollectionView.frame.size.width-3,zoom*scrollView.contentSize.height*216/kScreenHeight,3,_mImageIndicator.frame.size.height);

NSLog(@"offset.y:%f",scrollView.contentOffset.y);
NSLog(@"indicator.y:%f",_mImageIndicator.frame.origin.y);

}

216/kScreenHeight这个是scrollerview本身的宽度和屏幕宽度的比例(如果你的scrollerview或者collectionview展示满了整个屏幕,那就不需要乘以这个比例)

Demoviewcontroller是collectionview的父视图,设置它的clipsToBounds属性为YES,让指示条的多余部分不显示即可。

运行,完美实现功能,首篇简书,欢迎指正0.0

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,705评论 22 664
  • 整合知识 有一个词常用来形容我们这个时代,那就是“信息过载”。 的确,我们每天都被各种各样的信息包围着,也接收了许...
    火烧风阅读 736评论 4 29
  • 诗到多时谁记得?总之歌咏无穷。此心一片几人同?觅来都不似,笑我自成风。 不断翻新唯独是,何曾胸腹空空。万千风物入望...
    雪窗_武立之阅读 481评论 6 8
  • 从小到大,我身边亲密的人也包括我自己都觉得我是一个天生的感官敏锐,心思细腻超乎常人的人。虽然个别人有点不...
    一杯WhiSky阅读 904评论 2 1