iOS控件之UIScrollView

创建

UIScrollView * scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(50, 50, 200, 800)];

基础属性

// 背景色

scrollView.backgroundColor = [UIColor redColor];

// 内容视图的大小

// 如果不设置该属性,scrollView无法滑动(即使添加了超出控件大小的子视图依然不能滑动)
scrollView.contentSize = CGSizeMake(200, 400);  

// 内容视图的偏移量

scrollView.contentOffset = CGPointMake(30, 30); // (30,30)偏移量代表控件左上角位于内容视图,左30下30,负值方向相反
// 如果想在设置内容视图偏移量的时候有动画就用这个方法
- (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated;
示意图:红色为内容视图,黑框为控件大小,此时偏移量为(30,30)

// 滚动到矩形可见的最近边缘

- (void)scrollRectToVisible:(CGRect)rect animated:(BOOL)animated;

// 内容视图边缘嵌入的间距

scrollView.contentInset = UIEdgeInsetsMake(30, 30, 10, 10);  // UIEdgeInsetsMake(上, 左, 下, 右)
示意图:红色为内容视图,黄色为嵌入间距区域,黑框为控件,蓝色为添加在scrollView上的子视图(注意子视图的frame)

// 弹簧效果

scrollView.bounces = NO; // 默认为YES 取消设置NO
// 当bounces属性为NO时,以下两个属性设置无效
scrollView.alwaysBounceHorizontal = YES; // 水平方向弹簧效果
scrollView.alwaysBounceVertical = YES; // 垂直方向弹簧效果

// 减速的速度

scrollView.decelerationRate = 0.1; // 值域 0~1 值越小减速停止的时间越短

// 只在一个方向上滚动

scrollView.directionalLockEnabled = YES; // 默认为NO,设置为YES内容视图只在一个方向上滚动

// 是否能滚动

scrollView.scrollView = NO; // 默认为YES,设置NO不能滑动

// 点击状态栏滚动到顶部

scrollView.scrollsToTop = YES; // 默认为YES,设置为NO点击转态栏不能滑动到顶部

// 整页滚动

scrollView.pagingEnabled = YES; // 默认为NO,设置YES内容视图整页滚动

// 延迟内容触动

scrollView.delaysContentTouches = YES; 
// 是个布尔值,当值是 YES 的时候,用户触碰开始,scroll view要延迟一会,看看是否用户有意图滚动。假如滚动了,那么捕捉 touch-down 事件,否则就不捕捉。假如值是NO,当用户触碰, scroll view 会立即触发 touchesShouldBegin:withEvent:inContentView:,默认是 YES

参考:http://blog.csdn.net/ch_soft/article/details/6947695

// 取消内容触动

scrollView.canCancelContentTouches = YES;
// 当值是 YES 的时候,用户触碰后,然后在一定时间内没有移动,scrollView 发送 tracking events,然后用户移动手指足够长度触发滚动事件,这个时候,scrollView 发送了 touchesCancelled:withEvent: 到 subview,然后 scroView 开始滚动。假如值是 NO,scrollView 发送 tracking events 后,就算用户移动手指,scrollView 也不会滚动

// 隐藏键盘样式

typedef NS_ENUM(NSInteger, UIScrollViewKeyboardDismissMode) {
    UIScrollViewKeyboardDismissModeNone,        // 不作为
    UIScrollViewKeyboardDismissModeOnDrag,      // 拖拽视图隐藏键盘
    UIScrollViewKeyboardDismissModeInteractive, // 交互式的隐藏
} NS_ENUM_AVAILABLE_IOS(7_0);

// 获取各种状态

@property(nonatomic,readonly,getter=isTracking)     BOOL tracking;        // 当touch后还没有拖动的时候值是YES,否则NO
@property(nonatomic,readonly,getter=isDragging)     BOOL dragging;        // 是否正在拖动
@property(nonatomic,readonly,getter=isDecelerating) BOOL decelerating;    // 是否正在减速
@property(nonatomic,readonly,getter=isZooming)       BOOL zooming;       // 是否正在缩放
@property(nonatomic,readonly,getter=isZoomBouncing)  BOOL zoomBouncing;  // 当内容放大到最大或者最小产生反弹效果时候值是YES,否则NO

// 相关手势

@property(nonatomic, readonly) UIPanGestureRecognizer *panGestureRecognizer NS_AVAILABLE_IOS(5_0);
// 拖拽手势
@property(nullable, nonatomic, readonly) UIPinchGestureRecognizer *pinchGestureRecognizer NS_AVAILABLE_IOS(5_0);
// 捏合手势
@property(nonatomic, readonly) UIGestureRecognizer *directionalPressGestureRecognizer UIKIT_AVAILABLE_TVOS_ONLY(9_0); 
// 定向媒体手势

滚动指示条相关

// 滚动条样式

scrollView.indicatorStyle = UIScrollViewIndicatorStyleDefault;
typedef NS_ENUM(NSInteger, UIScrollViewIndicatorStyle) {
    UIScrollViewIndicatorStyleDefault,     // 默认样式
    UIScrollViewIndicatorStyleBlack,       // 黑色样式
    UIScrollViewIndicatorStyleWhite        // 白色样式
};

// 隐藏、显示滚动指示条

scrollView.showsHorizontalScrollIndicator = NO; // 水平方向
scrollView.showsVerticalScrollIndicator = NO; // 垂直方向
// 默认值都是YES,隐藏设置为NO

// 调用滚动指示条

- (void)flashScrollIndicators; // 调用这个方法 滚动条会显示一下

// 滚动条位置

scrollView.scrollIndicatorInsets = UIEdgeInsetsMake(30, 30, 0, 0);
// UIEdgeInsetsMake(top, left, bottom, right) top、bottom分别是垂直方向滚动条距上端下端距离,left、right分别是水平方向滚动条距左端右端距离 

缩放相关

// 缩放比例

scrollView.zoomScale = 1.5f;   // 缩放比例
scrollView.minimumZoomScale = 0.5f; // 最小缩放比例
scrollView.maximumZoomScale = 3.0f; // 最大缩放比例

// 缩放反弹

scrollView.bouncesZoom = NO; // 默认为YES,设置为NO取消缩放到极限时产生反弹效果

代理函数

// 设置代理

@property(nullable,nonatomic,weak) id<UIScrollViewDelegate>        delegate;

// 代理函数

// 滑动时多次调用,offset值改变即滑动过程中,便会调用该代理函数
- (void)scrollViewDidScroll:(UIScrollView *)scrollView;  
                 
// 缩放时多次调用,zoomScale值改变即缩放过程中,便会调用该函数
- (void)scrollViewDidZoom:(UIScrollView *)scrollView NS_AVAILABLE_IOS(3_2); 


// 开始滑动时调用,只调用一次,手指不松开只算一次
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;

// 结束滑动时调用,只调用一次,手指离开时执行
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset NS_AVAILABLE_IOS(5_0);


// 已经结束滚动时调用,只调用一次,当手指离开达成时执行
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;


// 开始减速时调用,只调用一次,当内容视图开始减速状态执行
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;

// 结束减速时调用,只调用一次,当内容视图结束减速状态执行
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;    


// 滚动动画结束时调用,没有动画则不调用
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView; 


// 返回将要缩放的UIView对象,调用多次
- (nullable UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

// 开始缩放时调用,只调用一次
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view NS_AVAILABLE_IOS(3_2); 

// 已经结束缩放时调用,只调用一次
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale;


// 当用户点击状态栏内容视图是否滚动到顶部
- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;  

// 滚动到顶部时调用 
- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;

版权声明:出自MajorLMJ技术博客的原创作品 ,转载时必须注明出处及相应链接!

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

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,706评论 22 664
  • 有朋友问我,还打算谈恋爱吗 “如果毕业之前,我没那么幸运,还遇不到众人口中所说的灵魂伴侣的话,我想,大概短期内是不...
    骑着Dumbo的Mitian阅读 499评论 0 1
  • 高中同学h,当年坐在我前排的前排的前排的地理课代表,男,清秀,清高,数学好。嗯我挺喜欢他~每天偷看~~。当h缓缓...
    白菜贩阅读 1,072评论 2 1
  • 图片发自简书App 翌日,许西凡早早地来到小面馆,坐在老地方等着汤媛。 来这前许西凡请店里的同事凯伦给自己精心设计...
    七加阅读 175评论 5 2