首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS开发UIScrollView使用详解 原

,默认为NO,当设置为YES时,你的滚动视图只能同一时间在一个方向上滚动,但是当你从对角线拖动时,是时刻在水平和竖直方向同时滚动的。...,可以带动画效果 - (void)scrollRectToVisible:(CGRect)rect animated:(BOOL)animated; 设置滚动视图滚动到某个可见区域,可以带动画效果 -...) BOOL delaysContentTouches; 设置视图是否延迟处理触摸事件(会将消息传递给子视图) @property(nonatomic) BOOL canCancelContentTouches...; 设置是否给子视图传递取消动作的消息(默认设置为YES,当scrollView触发事件的时候,其子视图不能触发,如果设置为NO,则子视图会继续触发事件) - (BOOL)touchesShouldBegin...:(UIScrollView *)scrollView; 视图动画结束时触发的方法,使用set方法设置偏移量后回触发 - (UIView *)viewForZoomingInScrollView:(UIScrollView

1.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【IOS开发基础系列】UIScrollView专题

    1 UIScrollView原理        在滚动过程当中,其实是在修改原点坐标。当手指触摸后,scroll view会暂时拦截触摸事件,使用一个计时器。...因为滚动视图没有滚动条,它必须知道一个触摸信号是打算滚动还是打算跟踪里面的子视图。...假如定时器行动时,没有任何的大的位置改变,滚动视图就发送一个跟踪事件给触摸的子视图。如果在定时器消失前,用户拖动他们的手指足够的远,滚动视图取消子视图的任何跟踪事件,滚动它自己。...假如你设置canCancelContentTouches为YES,那么当你在UIScrollView上面放置任何子视图的时候,当你在子视图上移动手指的时候,UIScrollView会给子视图发送touchCancel...,contentsize.width是内容的宽度,contentsize.heght是高度,contentsize是UIScrollView的一个属性,它是一个CGSize,是由核心图形所定义的架构,那定义了你可以滚轴内容的宽度和高度

    65730

    iOS-UIScrollerView

    UIScrollerView常见属性 CGPoint contentOffset 这个属性用来表示UIScrollerView滚动的位置(其实就是内容左上角与ScrollerView左上角的间距值...的四周增加额外的滚动区域,一般用来避免scrollerView的内容被其他控件挡住 UIScrollerView无法滚动的原因 没有设置contentSize scrollEnabled = NO 没有收到触摸事件...*)scrollView{ return [UIView new]; } ScrollerView缩放的代理回调 //滚动视图在和方法的实现结束时调用此方法,但仅在请求动画时调用setContentOffset...@"点击状态栏是否可以回到顶部"); return YES; } //scrollViewShouldScrollToTop设置为YES,滚动视图在完成滚动到内容顶部时发送此消息 - (void...)scrollViewDidScrollToTop:(UIScrollView *)scrollView{ NSLog(@"滚动视图在完成滚动到内容顶部时发送此消息"); } UIScrollerView

    18010

    iOS 全屏侧滑手势UIScrollViewUISlider间滑动手势冲突

    效果预览 一、前期准备 有一个支持全屏侧滑返回的视图控制器ViewController,ViewController.view上有一个UIScrollView,UIScrollView上有UISlider...俺直接在之前的示例Demo上演示,简书地址:iOS 自定义转场动画 ,Github地址 :WSLTransferAnimation 二、问题展示 现象 1、UIScrollView当前在第一页即contentOffset.x...scrollView.delaysContentTouches = NO; delaysContentTouches 默认值为YES 表示延迟scrollView上子视图的响应,所以当直接拖动UISlider...:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{ //如果手势是触摸的UISlider...滑块触发的,侧滑返回手势就不响应 if ([touch.view isKindOfClass:[UISlider class]]) { return NO; }

    4.1K20

    MyLayout&TangramKit 的重大升级!

    比如一些界面中有父视图的尺寸由子视图的尺寸来确定的;还比如UIScrollView中为了能实现滚动需要根据添加到里面的子视图来调整contentSize的尺寸;又比如某些UITableViewCell中的高度是动态的...为此当UIScrollView要和AutoLayout进行结合使用并实现滚动能力的话就不能直接将所有子视图都添加到UIScrollView中去, 而是需要中间建立一个容器视图,首先将容器视图添加到UIScrollView...在设置约束依赖时将容器视图的上下左右分别依赖UIScrollView视图的上下左右边界,如果需要上下滚动则将容器视图中的最底部子视图的底部边界依赖容器视图的底部边界。...如果不需要上下滚动则改为将容器视图的高度等于UIScrollView视图高度即可。 如果需要左右滚动则将容器视图中的最右边子视图的右边边界依赖于容器视图的右边边界。...要实现UIScrollView滚动时,只需要在一个滚动视图内添加一个布局视图,然后将所有其他子视图都添加到这个布局视图中去,这个和上面的AutoLayout的处理方式是一样的,最后将布局视图的尺寸自适应属性设置为

    2.1K20

    用AutoLayout实现分页滚动

    滚动视图分页 UIScrollView的pagingEnabled属性用于控制是否按分页进行滚动。在一些应用中会应用到这一个特性,最典型的就是手机桌面的应用图标列表。...容器视图添加N个页视图,对于水平分页滚动来说容器视图的高度和滚动视图一样,而宽度则是滚动视图的宽度乘以页视图的数量,页视图的尺寸则和滚动视图保持一致,对于垂直分页滚动来说容器视图的宽度和滚动视图一样,而高度则是滚动视图的高度乘以页视图的数量...,如果需要左右滚动则将容器视图中的最右部子视图这里是B的右边边界依赖于容器视图的右边边界。...流式布局用于一些子视图有规律排列的场景,就比如本例子中的滚动分页的图标列表的能力。下面就是具体的实现代码。...,每页展示9个子视图,整体从左往右滚动。

    1.9K40

    iOS实例——滑动列表展现隐藏顶部视图

    顶部视图确实是直接作为self.view的子视图来添加的,但是列表的范围同样是覆盖整个屏幕,那么为了避免列表内容被顶部视图盖住,就要设置列表的contentoffset值。...self.view addSubview:self.tableView]; [self.tableView setContentOffset:CGPointMake(0, -200)]; 我们的顶部视图要跟随列表滚动...,就必须获知列表的滚动效果,这里我们在自定义的顶部视图类中加一个UIScrollView属性,在初始化的时候就将我们的列表赋给这个属性(UITableView是UIScrollView的子类):...视图的内容可以自己定义,我就只放了一张图片。 对于滚动的跟随,我们采用KVO键值观察(可以查看这篇博客来了解)来做。...在处理方法中我们要做两件事,第一件事是让顶部视图的高度随着列表移动而移动,但是要控制列表最高移动到的位置TOP和最低移动到的位置BOTTOM,这其实就是顶部视图的低端对应的Y值。

    1.9K10

    iOS 中的事件响应

    当用户在 UIScrollView 的一个子视图上按下时,UIScrollView并不知道用户是想要滑动内容视图还是点击对应子视图,所以在按下的一瞬间, 事件 UIEvent 从 UIApplication...当倒计时结束前,如果用户的手指发生了移动,直接滚动内容视图,不会将该事件传递给对应的子视图; 当倒计时结束时,如果用户的手指位置没有改变,则调用自身的 -touchesShouldBegin:withEvent...,默认为YES,如果设置为NO,则一旦开始跟踪事件,即使手指进行移动也不会取消已经传递给子视图的事件,即滚动视图不会再滚动。...open var canCancelContentTouches: Bool // 在UIScrollView的子类中重写该方法,用于返回是否将事件传递给对应的子视图,默认返回YES,如果返回NO,该事件不会传递给对应的子视图..., in view: UIView) -> Bool // 在UIScrollView的子类中重写该方法,用于返回是否取消已经传递给子视图的事件,默认当子视图是UIControl时返回NO,否则返回YES

    2.8K11

    IOS开发系列——UIView专题之五:常用开发技巧篇

    操作初始点所在的视图(View),即需要将触摸事件传递给其处理的视图,称之为hit-test view。...:返回nil; •若返回YES,则向当前视图的所有子视图(subviews)发送hitTest:withEvent:消息,所有子视图的遍历顺序是从top到bottom,即从subviews数组的末尾向前遍历...,直到有子视图返回非空对象或者全部子视图遍历完毕; •若第一次有子视图返回非空对象,则hitTest:withEvent:方法返回此对象,处理结束; •如所有子视图都返回非,则hitTest:withEvent...如果一个子视图的区域超过父视图的bound区域(父视图的clipsToBounds属性为NO,这样超过父视图bound区域的子视图内容也会显示),那么正常情况下对子视图在父视图之外区域的触摸操作不会被识别...,因为父视图的pointInside:withEvent:方法会返回NO,这样就不会继续向下遍历子视图了。

    1.2K20

    【IOS开发基础系列】Table View开发专题

    : [UIImage imageNamed: @"line2.png"]];  2.2.9 跟随滚动的头部视图         即把headerView放在整个TableView的头部视图中     _...forCellReuseIdentifier: kHJPostInfoCellIdentifier];     self.postTableView.tableHeaderView = _headerView; 2.2.10 不跟随滚动的头部视图...解决方案:           尽量将子视图的layout操作放到layoutSubviews方法中;另外,可以在cell初始化时手动设置宽度: - (instancetype) initWithStyle...因此如非必要,可以将tablecell及其子视图的opaque属性设为YES(默认值)。...做到前几点后,你的table view滚动时应该足够流畅了,不过你仍可能让用户感到不爽。常见的现象就是在更新数据时,整个界面卡住不动,完全不响应用户请求。

    38220

    TableView优化之快速滑动下的忽略加载

    TableView优化之快速滑动下的忽略加载 系列文章: TableView优化之高度缓存功能 TableView优化之加载图片的优化逻辑 TableView优化之快速滑动下的忽略加载 ---- 最近在搞什么...技术直接绘制在一个视图上,这样就减少了视图的层级,为流畅性又添了一份可能。...老司机添加了高度缓存、滚动优化等优化功能,并且对选择、展示动画、无数据占位图等常用功能都进行了支持。而且老司机也在不断的丰富helper类的功能。 只放一个版本更新记录吧,代码放不下=。...= 添加屏幕判断,当位置方向时,默认返回竖屏 额外补充动画代理、支持CAAnimation及DWAnimation version 1.1.2 展示动画逻辑修改,DWAnimation动画展示方法替换...version 1.1.3 滚动优化模式添加 高速忽略模式完成 懒加载模式完成 懒加载模式动画隐藏,更加平滑,修复刷新bug。

    1.7K33

    UIScrollerView当前显示3张图

    ,但是你会发现那部分相邻的图片不会响应在它上面的任何触摸事件,因为那部分子视图超出了它的父视图,可以用响应链机制解决这个问题: _scrollerView.clipsToBounds = NO; //...处理超过父视图部分不能点击的问题,重写UIView里的这个方法 - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event { if...Bug.gif 解决上述Bug的方案就是利用UIScrollView的两个代理方法;在前后循环过渡处,刚开始拖拽时就在Bug的位置画上对应的视图;即《 3 + 4 + 0 - 1 - 2 - 3 - 4...+ 0 + 1》,结束拖拽之后,再改变UIScrollView的contentOffset,不带动画; //开始拖拽时执行 - (void)scrollViewWillBeginDragging:(UIScrollView...- 4 + 0 + 1 NSInteger index = scrollView.contentOffset.x/_currentPageSize.width; //是为了解决循环滚动的连贯性问题

    89970

    iOS图片浏览器(功能强大性能优越)

    目前采用的是 UIViewController 做为底,上层是一个横向滚动的 UICollectionView ,在 UICollectionViewCell 上面是 UIScrollView ,当然还包括主要显示图片...为底是为了更好的控制旋转屏幕时的UI适配,之前也是考虑更轻一点的 UIView,但是它会受父视图的旋转影响,可能适配难度会翻几倍,而且使用 UIViewController 能更方便和优雅的实现图片浏览器的入场和出场动画...但是,有个容易忽略的问题,在拖动的时候我们希望看到的效果是图片跟随手指移动并且缩小,上图左右两种状态下的箭头指向的正是手指拖动触摸的点(理想状态),若写一个移动和缩放比例变化之间是线性的动画,手指触摸的点会是这种理想状态么...七、屏幕旋转UI适配 找到组件必然支持的方向 组件支持了旋转功能,由于采用的是 UIViewController 作为底类,理所当然的是让组件内部子控件跟随 UIViewController 的旋转而旋转...引入代理规范布局流程 由于通知子视图更新布局、存储当前视图分别在“竖屏”和“横屏”下的frame、存储当前适配的屏幕方向等信息是每一个视图几乎都会做的工作(虽然细节有些差异,但我们稍宏观的看这个问题)。

    2.3K70

    Android开发笔记(一百零一)滑出式菜单

    可是LinearLayout作为水平展示时有点逗,因为如果下面有两个子视图的宽度都是match_parent,那么LinearLayout只会显示第一个子视图,第二个子视图却是怎么拉也死活显示不了。...所以我们可以给视图添加触摸监听器OnTouchListener,在触摸坐标发生变化的同时,给菜单子页面隐入隐出对应的宽度,从而达到抽屉式拉出菜单的效果。...这个判断可按照滑动偏移是否达到屏幕一半宽度的条件,至于自动拉出或者自动缩进的动画,可由Runnable来定时刷新视图的leftMargin参数。 下面是一个简单侧滑的效果截图: ?...现在有个开源的HorizontalListView,它是水平滚动的列表视图,如果该视图只有两列,左边一列作为菜单页面,右边一列作为内容页面,这就很类似侧滑菜单的功能。...TOUCHMODE_MARGIN表示只在空白处响应触摸,TOUCHMODE_FULLSCREEN表示全屏均响应触摸,TOUCHMODE_NONE表示不响应触摸。

    1.2K70

    浅汇-iOS UI布局

    而且同层级的试图  无法达到重合布局,两个试图重合的话只有是  父/子视图的关系。...2、实现了UIView内子视图的自动布局; 3、实现了UIScrollView内容高度根据内部子视图的内容高度动态设置; 4、实现了一个UITableView有多个不同Cell的时候,所有cell高度自适应...当父试图的高度没有定义的时候,需要使用一下方法来自动布局,并且这个时候不可以再以父试图的底为标准来设置其内部子视图,这是一种【从里到外】的布局思路,cell的自适应高度也是这种思路;平时我们的思路都是一种...有一个需要注意的地方,cell中所有的子视图都需要加载在 self.contentView上才行,不可加载在self.contentView的子视图上,否则按下面的这个方法设置也会出问题。...实现了UIScrollView可滚动高度根据内部子视图的内容高度动态设置 /** 设置scrollview内容自适应,第一个参数为作为底部的子视图,第二个参数为到sc底部的间距。

    2.1K20

    【iOS 开发】从 setNeedsLayout 说起

    UIKit interactions with your view objects 上图对应的事件序列如下: 用户触摸屏幕 硬件报告触摸事件给 UIKit 框架 UIKit 框架将触摸事件打包成 UIEvent...setNeedsDisplayInRect: 方法以标记该视图(或者它的子视图)需要进行重画 -通知 Controller 有数据变化 如果一个视图的几何结构改变了,UIKit...会更新它的子视图 如果任何视图的任何部分被标记为需要重画,UIKit 会要求视图重画自身 任何已经更新的视图会与应用余下的可视内容组合在一起,同时被发送到图形硬件去显示 图形硬件将已解释内容转化到屏幕上...,以表示后续应该调用 layoutSubviews 方法,以调整当前视图及其子视图的布局。...设置 view 的 frame 会触发 layoutSubviews,当然前提是 frame 的值设置前后发生了变化 滚动一个 UIScrollView 会触发 layoutSubviews 旋转 Screen

    71710

    Material Design技术分享

    子view的一种插件,可以管理子view的拖,刷,拉等等一系列手势操作,CoordinatorLayout是统筹全局的管理者,组织众多子View相互协调,当一个子View位置或者滚动状态发生变化会及时通知给其他子...Behavior中有两个方法layoutDependsOn和onDependentViewChanged,前者是确定所提供的子视图是否有另一个特定的兄弟视图作为一个布局依赖。...,且有能滚动的子view才能返回true。...,一旦CoordinatorLayout的触摸事件需要被响应,就会拦截到子view的触摸事件,并且后面的触摸事件流会被发送到behavior中的ontouchevent;后者是触摸事件的集中消费,如果behavior...enterAlwaysCollapsed:当你的视图已经设置minHeight属性又使用此标志时,你的视图只能以最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度。

    2.2K60

    在Swift中创建可缩放的图像视图

    对于我们的可缩放图像视图,我们将利用UIScrollView的缩放和平移功能。...我们将用一个UIImageView来初始化这个类,它将被添加为一个子视图。...medium.com/media/afad3… 在commonInit()中,我们将图像视图居中,并设置它的高度和宽度,而不是把它固定在父视图上。这样一来,滚动视图就会从图像视图中获得其内容大小。...设置滚动视图 我们需要实际设置我们的滚动视图,使其可缩放和可平移。这包括设置最小和最大的缩放级别,以及指定用户放大时使用的UIView(在我们的例子中,它将是图像视图)。...我们有了一个UIIm我们已经有了一个嵌套在UIScrollView中的UIImageView,一切都应该是可滚动和可平移的。但是我们如何设置我们的图像呢?

    5.7K20
    领券