前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >iOS开发UIScrollView使用详解 原

iOS开发UIScrollView使用详解 原

作者头像
珲少
发布于 2018-08-16 03:04:34
发布于 2018-08-16 03:04:34
1.7K00
代码可运行
举报
文章被收录于专栏:一“技”之长一“技”之长
运行总次数:0
代码可运行

iOS开发UIScrollView使用详解

一、ScrollView常用方法和属性

@property(nonatomic)CGPoint contentOffset;

设置滚动的偏移量

@property(nonatomic)CGSize contentSize;

设置滑动区域

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

设置UIScrollView的代理

@property(nonatomic,getter=isDirectionalLockEnabled) BOOL directionalLockEnabled;

设置是否锁定,这个属性很有意思,默认为NO,当设置为YES时,你的滚动视图只能同一时间在一个方向上滚动,但是当你从对角线拖动时,是时刻在水平和竖直方向同时滚动的。

@property(nonatomic) BOOL bounces; 

设置是否开启回弹效果

@property(nonatomic) BOOL alwaysBounceVertical;

是否开启垂直方向的回弹效果

@property(nonatomic) BOOL alwaysBounceHorizontal;

是否开启水平方向的回弹效果

@property(nonatomic,getter=isPagingEnabled) BOOL pagingEnabled;

是否开启翻页效果

@property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;  

设置是否可以滑动

@property(nonatomic) BOOL showsHorizontalScrollIndicator;

设置是否显示水平滑动条

@property(nonatomic) BOOL showsVerticalScrollIndicator;

设置是否显示竖直滑动条

@property(nonatomic) UIEdgeInsets scrollIndicatorInsets;

设置滑动条的位置

@property(nonatomic) UIScrollViewIndicatorStyle indicatorStyle;

设置滑动条风格,枚举如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
typedef NS_ENUM(NSInteger, UIScrollViewIndicatorStyle) {
    UIScrollViewIndicatorStyleDefault,     //默认
    UIScrollViewIndicatorStyleBlack,       //黑色风格
    UIScrollViewIndicatorStyleWhite        //白色风格
};

@property(nonatomic) CGFloat decelerationRate;

设置滑动速度

- (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated;

设置滚动视图内容的偏移量,可以带动画效果

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

设置滚动视图滚动到某个可见区域,可以带动画效果

- (void)flashScrollIndicators;

显示一个短暂的滚动指示器

@property(nonatomic,readonly,getter=isTracking)     BOOL tracking;

获取用户是否触及视图内容

@property(nonatomic,readonly,getter=isDragging)     BOOL dragging;

获取用户是否开始拖动视图

@property(nonatomic,readonly,getter=isDecelerating) BOOL decelerating;

获取视图是否开始减速(用户停止拖动但视图仍在滚动)

@property(nonatomic) BOOL delaysContentTouches;

设置视图是否延迟处理触摸事件(会将消息传递给子视图)

@property(nonatomic) BOOL canCancelContentTouches;

设置是否给子视图传递取消动作的消息(默认设置为YES,当scrollView触发事件的时候,其子视图不能触发,如果设置为NO,则子视图会继续触发事件)

- (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view;

- (BOOL)touchesShouldCancelInContentView:(UIView *)view;

重写这两个方法可以控制起子视图的事件响应

@property(nonatomic) CGFloat minimumZoomScale;

设置内容最小缩放比例

@property(nonatomic) CGFloat maximumZoomScale; 

设置内容最大缩放比例

@property(nonatomic) CGFloat zoomScale;

设置缩放比例

- (void)setZoomScale:(CGFloat)scale animated:(BOOL)animated;

设置缩放比例,可以带动画效果

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

设置缩放显示到某个区域,可以带动画效果

@property(nonatomic) BOOL  bouncesZoom;

设置是否可以缩放回弹

@property(nonatomic,readonly,getter=isZooming)       BOOL zooming; 

获取是否正在缩放模式

@property(nonatomic,readonly,getter=isZoomBouncing)  BOOL zoomBouncing;

获取是否当前的缩放比例超出设置的峰值

@property(nonatomic) BOOL  scrollsToTop;

设置是否点击状态栏滚动到scrollView的最上端

@property(nonatomic) UIScrollViewKeyboardDismissMode keyboardDismissMode;

设置键盘消失的模式,枚举如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
typedef NS_ENUM(NSInteger, UIScrollViewKeyboardDismissMode) {
    UIScrollViewKeyboardDismissModeNone,
    UIScrollViewKeyboardDismissModeOnDrag,      //手指滑动视图键盘就会消失
    UIScrollViewKeyboardDismissModeInteractive, //手指滑动视图后可以与键盘交互,上下滑动键盘会跟随手指上下移动
};

二、ScrollViewDelegata中常用方法

- (void)scrollViewDidScroll:(UIScrollView *)scrollView; 

视图已经开始滑动时触发的方法

- (void)scrollViewDidZoom:(UIScrollView *)scrollView;

视图已经开始缩放时触发的方法

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;

视图开始拖动时触发的方法

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset;

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

视图拖动结束时触发的方法

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView; 

视图开始减速时触发的方法

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView; 

视图减速结束时触发的方法

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView;

视图动画结束时触发的方法,使用set方法设置偏移量后回触发

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

返回进行缩放的视图

- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view;

视图内容将要开始缩放时触发的方法

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale;

视图内容结束缩放时触发的方法

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView; 

返回yes,开启快捷滚动回顶端,将要滚动时调用

- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;

视图快捷滚动回顶端开始动作时调用

疏漏之处 欢迎指正

专注技术,热爱生活,交流技术,也做朋友。 ——珲少 QQ群:203317592

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015/06/04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进
1 简介 UIScrollView 是负责滚动的视图。苹果最强大的地方就在于其良好的UI展示,和UE体验。如果不会很好的使用UIScrollView,就等于丧失了苹果一般的法力。 移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限。当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容。 普通的 UIView 不具备滚动功能,不能显示过多的内容。 UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容 1.1 工作原理
stanbai
2018/06/28
1.6K0
iOS开发中简单的图片浏览器
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53010697
用户1451823
2018/09/13
1.1K0
iOS开发中的手势体系——UIGestureRecognizer分析及其子类的使用
        在iOS系统中,手势是进行用户交互的重要方式,通过UIGestureRecognizer类,我们可以轻松的创建出各种手势应用于app中。关于UIGestureRecognizer类,是对iOS中的事件传递机制面向应用的封装,将手势消息的传递抽象为了对象。有关消息传递的一些讨论,在前面的博客中有提到:
珲少
2018/08/15
2K0
iOS开发中的手势体系——UIGestureRecognizer分析及其子类的使用
iOS开源界面布局库终于破3000star
经过几年的打磨和多次的重构,我的iOS开源界面布局库MyLayout的star数量终于在2018年8月6号破3000了!有图为证:
欧阳大哥2013
2018/08/22
1.9K0
iOS开源界面布局库终于破3000star
iOS开发之多图片无缝滚动组件封装与使用
  经常有园友会问"博主,有没有图片无限滚动的Demo呀?", 正儿八经的图片滚动的Demo我这儿还真没有,今天呢就封装一个可以在项目中直接使用的图片轮播。没看过其他iOS图片无限轮播的代码,也不了解他们的原理,我今天封装这个图片无限轮播是借鉴Web前端中的做法,因为之前写Web前端的时候,实现幻灯片就是这么做的,今天就在iPhone上搞搞。下面的东西是自己写的了,关于轮播的东西这个开源项目也是相当不错的https://github.com/nicklockwood/iCarousel ,感兴趣的可以看一下
lizelu
2018/01/11
1.8K0
iOS开发之多图片无缝滚动组件封装与使用
iOS开发实战-时光记账Demo 本地数据库版效果分析Demo地址
由于主页只是一个展示的时光轴界面,UIScrollView加几个按钮就能完成,需要读取数据库内容,所以我们先把内页-增加账单 完成。
gwk_iOS
2018/08/23
2.4K0
iOS开发实战-时光记账Demo 本地数据库版效果分析Demo地址
iOS-UIScrollerView
xy_ss
2023/11/22
1850
iOS-UIScrollerView
UIScrollView
UIScrollView UIScrollView全部API学习。 //1.设定滚定条的样式 typedef NS_ENUM(NSInteger, UIScrollViewIndicatorStyle) { UIScrollViewIndicatorStyleDefault, // black with white border. good against any background 黑白边框 UIScrollViewIndicatorStyleBlack, // black only. small
用户1941540
2018/05/11
1.8K0
MJRefresh源码分析 原
    MJRefresh主要为UIScrollView,UITableView和UICollectionView添加头部和尾部刷新控件。其主要由3大块组成,类别工具,核心UIScrollView类别和头部尾部刷新组件。如下图:
珲少
2018/08/15
6950
MJRefresh源码分析
                                                                            原
iOS中UIWebView的使用详解 原
     UIWebView继承与UIView,因此,其初始化方法和一般的view一样,通过alloc和init进行初始化,其加载数据的方式有三种:
珲少
2018/08/16
8030
iOS中UIWebView的使用详解
                                                                            原
iOS头部渐变的表格视图设计 原
        今天再来给大家带来一个开发中常用到的视图控制器,在很多应用中,可能都会遇到这样的一个需求:表视图控制器最上方有一个头图控件,当表格视图滑动在顶部时,导航栏透明,当表格视图逐渐向下滑动时,导航栏渐渐出现,并且在滑动期间,头图会展示相关的渐变动画效果。以前经常会遇到这样的需求,但从没有整理与封装完善,这次将其封装成完整的控件,无论有无导航,都可以很好的支持,方便以后使用也提供给需要的朋友。
珲少
2018/08/15
1.2K0
iOS头部渐变的表格视图设计
                                                                            原
iOS开发技巧篇
在iOS开发中,有一些技巧可以提高程序猿的开发效率。 1,Xcode真机调试 Xcode 7推出之前,想要真机调试,iOS开发者必须花$99购买苹果开发者账号,而且步骤繁琐,需要下载证书认证。随着苹果公司推出了Xcode 7之后,大幅度的简化了真机调试的步骤。但是如果要测试推送等,还是需要证书的。 第一步:准备Mac电脑,Apple ID, iPhone手机,Xcode 集成开发环境; 第二步:打开Xcode选择屏幕左上角Xcode->Preferences->Account。 第三步,点击左下角的+
xiangzhihong
2018/02/06
1.7K0
iOS开发技巧篇
Weex 事件传递的那些事儿
在前两篇文章里面分别谈了Weex如何在Native端初始化的和Weex是如何高效的渲染Native的原生UI的。Native这边还缺一块,那就是Native产生的一些事件,是怎么传回给JS的。这篇文章就详细分析这一部分。
一缕殇流化隐半边冰霜
2018/08/29
2.7K0
Weex 事件传递的那些事儿
【IOS开发基础系列】UIScrollView专题
       在滚动过程当中,其实是在修改原点坐标。当手指触摸后,scroll view会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件,那么scroll view 发送 tracking events 到被点击的subview。假如在计时器到点前发生了移动事件,那么 scroll view 取消tracking 自己发生滚动。
江中散人_Jun
2023/10/16
6760
【IOS开发基础系列】UIScrollView专题
iOS开发之多表视图滑动切换示例(仿"头条"客户端)
  好长时间没为大家带来iOS开发干货的东西了,今天给大家分享一个头条新闻客户端各个类别进行切换的一个示例。在Demo中对所需的组件进行的简单封装,在封装的组件中使用的是纯代码的形式,如果想要在项目中进行使用,稍微进行修改即可。   废话少说,先介绍一下功能点,下图是整个Demo的功能点,最上面左边的TabBarButtonItem是用来减少条目的,比如下图有三个按钮,点击减号会减少一个条目。右边的为增加一个条目。点击相应的按钮是切换到对应的表视图上,下方红色的是滑动的指示器,同时支持手势滑动。运行具体效果
lizelu
2018/01/11
3.8K0
iOS开发之多表视图滑动切换示例(仿"头条"客户端)
UIDynamic 物理引擎概念介绍UIDynamicAnimator(动画者)动力行为(UIDynamicBehavior)一、抽象类 UIDynamicBehavior二、UIGravityBeh
概念介绍 UIDynamic从ios7才开始有的,其他2D仿真引擎: BOX2D:C语言框架,免费 Chipmunk:C语言框架免费,其他版本收费(C#、Objective-C、Java) 必须遵守了UIDynamicItem协议的控件才能应用这些行为,UIView遵守了,所以所有控件都可以使用 使用步骤:创建一个动画者对象UIDynamicAnimator并设置坐标系,再添加一个动画行为对象(并设置动画作用的控件) UIDynamic中的三个重要概念 UIDynamicAnimator:动画者,为动力
用户2141756
2018/05/18
3.2K0
iOS开发之UIScrollView无限滚动
UIScrollView 的无限滚动主要应用在图片轮播器、欢迎界面等场景。首先需要说明的是,文本所讲的是一种"笨办法",但是好理解且容易实现,在图片不多的时候用它也无妨。它的原理是在要显示的图片前后各加一张图片即在第一张图片之前放最后一张图片,在最后一张图片之后放第一张图片,然后在滚动到边缘的时候,巧妙的过渡一下就可以"瞒天过海","以假乱真"的造成无限滚动的假象。网络上有很多只用三张或两张图片实现的方法,效率比这个方法高,但实现起来稍微麻烦一点,有兴趣的可以去深入研究。 实现步骤 1、根据需求准备几张图片
YungFan
2018/05/03
1.7K0
iOS开发之UIScrollView无限滚动
iOS UITableViewCell使用详解
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier;
珲少
2018/08/15
1.1K0
iOS滚动视图UIScrollView使用方法
滚动视图还满常见的,这里学习了一下基本所有的用法、属性设置和委托,单讲一个ScrollView也很简单,直接上代码远比一个个讲要清晰明了地多。
Cloudox
2021/11/23
1.6K0
iOS滚动视图UIScrollView使用方法
iOS-手势UIGestureRecognier详解一. 手势UIGestureRecognier简介二. 手势的抽象类——UIGestureRecognizer三. UIGestureRecogni
一. 手势UIGestureRecognier简介 iOS 3.2之后,苹果推出了手势识别功能(Gesture Recognizer),在触摸事件处理方面,大大简化了开发者的开发难度。利用UIGestureRecognizer,能轻松识别用户在某个view上面做的一些常见手势。UIGestureRecognizer是一个抽象类,对iOS中的事件传递机制面向应用进行封装,将手势消息的传递抽象为了对象。其中定义了所有手势的基本行为,使用它的子类才能处理具体的手势。 二. 手势的抽象类——UIGesture
xx_Cc
2018/05/10
2.6K0
推荐阅读
相关推荐
UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文