文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

UIScrollView的一步步实现1 简介1.1 工作原理1.2 UIScrollView常见的几个重要控件1.3 UIScrollView常见的重要属性1.4 手工代码实现拖动2 三个重要属性的进

1 简介 UIScrollView 是负责滚动的视图。苹果最强大的地方就在于其良好的UI展示，和UE体验。如果不会很好的使用UIScrollView，就等于丧失了苹果一般的法力。...当展示的内容较多，超出一个屏幕时，用户可通过滚动手势来查看屏幕以外的内容。 普通的 UIView 不具备滚动功能，不能显示过多的内容。...UIScrollView是一个能够滚动的视图控件，可以用来展示大量的内容，并且可以通过滚动查看所有的内容 1.1 工作原理 在缩放的时候，原理是操作被缩放控件的的transform数值。...，增加了这个属性 文档释义：contentOffset：内容视图原点(origin)所在的偏移位置，相对于 scroll view 的 origin，默认是 CGPointZero 2.1.1 方法：以恒定速度移动到新的...(靠近边缘-不会滚动到边缘外侧)，如果当前区域完全可见，则什么也不做 如果指定的区域已经在可视范围，不会滚动 如果指定的区域完全超出contentSize的范围，不会滚动 如果指定的区域超越了当前可视区域

1.6K60
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    iOS开发UIScrollView使用详解 原

    iOS开发UIScrollView使用详解 一、ScrollView常用方法和属性 @property(nonatomic)CGPoint contentOffset; 设置滚动的偏移量 @property...，可以带动画效果 - (void)scrollRectToVisible:(CGRect)rect animated:(BOOL)animated; 设置滚动视图滚动到某个可见区域，可以带动画效果 -...) BOOL delaysContentTouches; 设置视图是否延迟处理触摸事件（会将消息传递给子视图） @property(nonatomic) BOOL canCancelContentTouches...; 设置是否给子视图传递取消动作的消息（默认设置为YES，当scrollView触发事件的时候，其子视图不能触发，如果设置为NO，则子视图会继续触发事件） - (BOOL)touchesShouldBegin...:(UIScrollView *)scrollView;  返回yes，开启快捷滚动回顶端，将要滚动时调用 - (void)scrollViewDidScrollToTop:(UIScrollView

    1.7K30

    MyLayout&TangramKit 的重大升级!

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

    2.1K20

    用AutoLayout实现分页滚动

    滚动视图分页 UIScrollView的pagingEnabled属性用于控制是否按分页进行滚动。在一些应用中会应用到这一个特性，最典型的就是手机桌面的应用图标列表。...containerView.gravity = MyGravity_Vert_Fill | MyGravity_Horz_Fill; //设置线性布局中的所有子视图均分和填充线性布局的高度和宽度。...流式布局用于一些子视图有规律排列的场景，就比如本例子中的滚动分页的图标列表的能力。下面就是具体的实现代码。...,每页展示9个子视图，整体从左往右滚动。...containerView.wrapContentWidth = YES; //设置布局视图的宽度由子视图包裹，当垂直流式布局的这个属性设置为YES，并和pagedCount搭配使用会产生分页从左到右滚动的效果

    1.9K40

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

    对于我们的可缩放图像视图，我们将利用UIScrollView的缩放和平移功能。...基本上，我们将在UIScrollView中嵌套一个包含图片的UIImageView，它将处理所有我们扔给它的缩放、平移（和点击！）手势。...我们将用一个UIImageView来初始化这个类，它将被添加为一个子视图。...我们有了一个UIIm我们已经有了一个嵌套在UIScrollView中的UIImageView，一切都应该是可滚动和可平移的。但是我们如何设置我们的图像呢？...试试平移和缩放（如果你使用的是模拟器，按住 "option "键）--你会对你的图像有一个全新的视角 以编程方式初始化视图 在使用界面生成器时，这很好--但如果你想以编程方式初始化视图呢？

    5.7K20

    iOS 面试策略之系统框架-UIScrollView及其子类

    UIScrollView 恐怕是所有 App 都绕不过去的类——尤其是它的子类 UITableView 和 UICollectionView。...完全跟数据没有关系的视图，负责给 cell 或者 supplementary Views 添加辅助视图用的，例如给单个 section 或整个 UICollectionView 的背景（background...auto layout #UITableViewAutomaticDimension #estimatedRowHeight 主要有以下三步： 用auto layout对UITableViewCell中所有子视图的位置和大小进行定义...9.说说实现预加载的方法 关键词：#网络传输 #无限滚动 #Threshold 在实际开发中，列表经常需要随着滑动而不停的展示新的内容。在滑动到一定程度后，我们就需要发送网络请求，以获得新的数据。...网上对于瀑布流有很多实现，大家不妨借鉴的同时，亲自动手，以加深对 UICollectionView 的理解。 访问我的Github仓库查看更多精彩分享

    2.7K21

    如何判断 ScrollView、List 是否正在滚动中

    : UIScrollView)手指滑动可滚动区域后（ 此时手指已经离开 ），滚动逐渐减速，在滚动停止时会调用此方法scrollViewDidEndDragging(_ scrollView: UIScrollView...，都会导致主线程的 Runloop 切换至 tracing 模式，因此无法有效地区分滚动是由那个控件造成的方法三：PreferenceKey在 SwiftUI 中，子视图可以通过 preference...在 ScrollView、List 发生滚动时，它们内部的子视图的位置也将发生改变。我们将以是否可以持续接收到它们的位置信息为依据判断当前是否处于滚动状态。...proxy.frame(in: .global) ) } )}方案三优点支持多平台（ iOS、macOS、macCatalyst ）拥有较好的前后兼容性方案三缺点需要为可滚动容器的子视图添加修饰器对于...判断的准确度没有前两种方式高当可滚动组件中的内容出现了非滚动引起的尺寸或位置的变化（ 例如 List 中某个视图的尺寸发生了动态变化 ），本方式会误判断为发生了滚动，但在视图的变化结束后，状态会马上恢复到滚动结束滚动开始后

    3.8K40

    UIScrollView

    前面两篇文章聊的UITableView和UICollectionView都是继承自UIScrollView，本篇文章就来简单聊聊UIScrollView。 ?...frame是视图在屏幕中展示的位置和大小，也就是可视区域的位置和大小。 contentSize是scrollView视图的内部内容可以滚动的区域大小，也就是scrollView视图内容的实际大小。...contentOffset是scrollView实际滚动区域的左上角与视图可视区域左上角的距离。 pagingEnabled是是否以一页的大小整体进行滚动，也就是用来实现翻页的效果。...UIScrollView的一些常用的代理方法如下： #pragma mark - UIScrollViewDelegate //监听页面滚动，根据scrollView.contentOffset来做业务逻辑...用于页面滚动停止的时候开启一个逻辑，比如视频自动播放（页面停止滚动后，开启视图滚动前暂停的gif或者视图的播放） - (void)scrollViewDidEndDecelerating:(UIScrollView

    90520

    MJRefresh源码分析 原

    这两个组件是作为子视图添加在UIScrollView上的，因此和UIScrollView的原生头尾视图都不影响。...UIScrollView+MJRefresh类别在开发者设置mj_header和mj_footer属性时，将这两个组件添加为当前滚动视图的最下层子视图，为了满足某些自动加载的需求，这里面有用runtime...MJRefreshAutoFooter是自动尾部刷新组件的基类，其可以设置当尾部刷新组件出现多少比例时进行刷新(默认是完全出现后进行刷新)。...还有一个小细节，也可以看出MJRefresh对复用的追求，在setState函数的实现中，如果新的状态与旧的状态一致，则不需要做任何逻辑，所有的setState函数都需要这个逻辑，MJRefresh中采用的宏的方式进行替换...:前面的表达式不为nil的话，则直接返回，不会执行到后面的表达式，上面的写法其实和第一种if语句的作用完全一致。

    69210

    UITableViewCell系列之(二)视觉差滚动效果前言

    如下是我所要说的视觉差滚动效果（即：滚动tableView时候，每一行的图片都会根据滚动方向和滚动距离的不同进行移动，给人一种图片在移动的视觉体验），由于下面gif图失真卡顿严重，真实效果大家可以参考demo...给cell的contentView添加一个UIImageView子控件 给imageView添加上下左右约束 给cell添加一个对象方法。...: // - (CGRect)convertRect:(CGRect)rect toView:(nullable UIView *)view; // 把以A视图为坐标系的rect1转换为以B视图为坐标系的...视图为坐标系的frame1转换为以B视图为坐标系的frame2并返回frame2 CGRect frame2 = [A convertRect:frame1 fromView:B]; 主要代码如下：...控制器.m文件中 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { // 1.获取当前屏幕上显示的所有的cell NSArray

    6.1K30

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

    在此基础上海加了一个隐藏列表时的动态渐入渐出效果，如下： 实现 实现的要点是，顶部的视图要随着列表的滚动而滚动，且列表最上是可以滚动到屏幕顶部的，最下就是滚动到一个固定的位置就不再往下滚动了，至于渐变效果只要能控制滚动自然也能控制随着滚动去改变...顶部视图确实是直接作为self.view的子视图来添加的，但是列表的范围同样是覆盖整个屏幕，那么为了避免列表内容被顶部视图盖住，就要设置列表的contentoffset值。...，就必须获知列表的滚动效果，这里我们在自定义的顶部视图类中加一个UIScrollView属性，在初始化的时候就将我们的列表赋给这个属性（UITableView是UIScrollView的子类）：...视图的内容可以自己定义，我就只放了一张图片。 对于滚动的跟随，我们采用KVO键值观察（可以查看这篇博客来了解）来做。...示例工程 可以直接下载示例工程进行详细的了解和需要的修改：https://github.com/Cloudox/ScrollShowHeaderDemo 查看作者首页

    1.9K10

    记一次 contentInsetAdjustmentBehavior 引发的bug

    1 背景 项目中使用到了UILable来展示相关的文本内容，但内容的大小不确定，有可能会超过屏幕的大小,因此需要在外层嵌套一个UIScrollView来保证内容可以被完全展现给用户，在UILabel确定相关的高度后...，再通过设置UIScrollView的contentSize 来限定UIScrollView的滚动范围，保证全部内容可被浏览到 2 实现代码 2.1 伪代码 class CustomView: UIView...3.2 排查方向二 在发现不是初始y值的影响后，就猜测大概率是父View的影响,仔细查看了父View的设置代码后，发现其并没有设置顶部Top的距离，一行行代码排查后，怀疑是ContentSize的设置引起的...3.3 排查方向三 在前面排查的方向都没有办法解决问题时，我已经没有其他任何的思绪了，只能去翻阅scrollView的接口文档，查看是否有其他接口会影响到子View的位置情况,发现了一个属性contentInsetAdjustmentBehavior...contentSize时，系统会自动帮你调整子View的偏移量，这其实也解释了在排查方向二时出现的现象：调整了contenSize时，整体的偏移量会多出很多的问题。

    82420

    iOS开发之UIScrollView在Autolayout下的使用

    当然，如果contentSize的内容不足以布满整个UIScrollView时，滚动条将不会出现，UIScrollView也不会滚动。...原则2：subviews的size不能依赖于UIScrollView 因为UIScrollView的size依赖于subviews，而如果subviews的size再依赖于UIScrollView，就类似于操作系统中的死锁了...3、拖入一个UIView作为ScrollView的子控件，这个控件就是作为容纳真正布局中控件的父控件，比如命名为contentView。...约束contentView的宽和高，使其能满足布局需要，能够摆放下所有你想摆放的控件（一般来说都会超过屏幕的大小）。...明明设置了宽和高了呀，如果不做这一步，UIScrollView还是不能滚动，因为这4个Pin约束实际上是用于告诉UIScrollView：我会把你的内容“撑到”多大。

    98870

    iOS 中的事件响应

    从后往前遍历子视图重复执行 指的是按照 FILO 的原则，将其所有子视图按照「后添加的先遍历」的规则进行命中测试。...当用户在 UIScrollView 的一个子视图上按下时，UIScrollView并不知道用户是想要滑动内容视图还是点击对应子视图，所以在按下的一瞬间， 事件 UIEvent 从 UIApplication...var delaysContentTouches: Bool // 是否可以取消内容视图被触摸,默认为YES,如果设置为NO,则一旦开始跟踪事件,即使手指进行移动也不会取消已经传递给子视图的事件，即滚动视图不会再滚动...open var canCancelContentTouches: Bool // 在UIScrollView的子类中重写该方法,用于返回是否将事件传递给对应的子视图,默认返回YES,如果返回NO,该事件不会传递给对应的子视图..., in view: UIView) -> Bool // 在UIScrollView的子类中重写该方法,用于返回是否取消已经传递给子视图的事件,默认当子视图是UIControl时返回NO,否则返回YES

    2.8K11

    iOS开发之UIScrollView无限滚动

    UIScrollView 的无限滚动主要应用在图片轮播器、欢迎界面等场景。首先需要说明的是，文本所讲的是一种"笨办法"，但是好理解且容易实现，在图片不多的时候用它也无妨。...2、代码实现，主要分为：添加UIScrollView，添加显示图片，添加UIPageControl，然后监听UIScrollView的滚动，根据滚动的位置来设置UIPageControl，最重要的是对于滚动到两个边缘时要特殊处理一下...define MAX_SIZE 7 #import "ViewController.h" @interface ViewController () //滚动视图...的代理方法，在该方法中改变UIPageControl并且处理边缘滚动 -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {...:CGPointMake(SCREEN_WIDTH * (MAX_SIZE-2), 0) animated:NO]; //方法2，该方法要求设置contentSize时，任一方向就算不滚动也不能为

    1.7K100

    深入理解RunLoop及在开发中的应用

    Source0：非基于端口port，例如触摸，滚动，selector选择器等用户触发的事件；（只包含了一个回调函数，它并不能主动触发事件） Source1：基于端口port，一些系统事件; （包含了一个...当其加入到 RunLoop 时，RunLoop会注册对应的时间点，当时间点到时，RunLoop会被唤醒以执行那个回调。...控制线程生命周期（线程保活） 在项目中，有时我们需要创建子线程，因为如果把所有的事情都放在主线程中去做，就会阻塞住主线程。导致APP 看起来很卡。...解决NSTimer在UIScrollView滑动时停止工作的问题 默认情况下，在滚动 tableView、UIScrollView 的时候,NSTimer会停止工作,这是因为在滚动时，RunLoop...例如：UIScrollView+ NSTimer演示滚动时，定时器停止工作 - (void)viewDidLoad { [super viewDidLoad]; UIScrollView

    1.3K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券