开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

UIScrollView视图端口坐标

UIScrollView是iOS开发中常用的控件，用于展示可滚动的内容。它是一个可滚动的视图容器，可以在其中放置其他视图，并通过手势滑动来查看内容。

UIScrollView的视图端口坐标是指UIScrollView的可见区域在其内容视图上的坐标系。UIScrollView的内容视图可以比其可见区域大，因此需要通过视图端口坐标来确定在内容视图上的位置。

UIScrollView的视图端口坐标系是以UIScrollView的左上角为原点，向右为正方向的水平坐标轴，向下为正方向的垂直坐标轴。坐标的单位是点（point），而不是像素（pixel）。在Retina屏幕上，一个点对应两个像素。

UIScrollView的视图端口坐标可以通过其属性contentOffset来获取或设置。contentOffset表示内容视图相对于视图端口的偏移量，即内容视图在视图端口坐标系中的起始位置。

UIScrollView的视图端口坐标在实际开发中常用于以下场景：

确定用户滚动的位置：通过监听UIScrollView的滚动事件，可以获取到当前的contentOffset，从而确定用户滚动到了哪个位置。
确定子视图的位置：当UIScrollView中包含多个子视图时，可以通过设置子视图的frame属性，将其放置在正确的位置上，以适应滚动效果。
确定可见区域的内容：通过计算可见区域的范围，可以确定哪些内容需要显示在屏幕上，从而提高性能和用户体验。

腾讯云提供了一系列与云计算相关的产品，其中与UIScrollView视图端口坐标相关的产品包括：

云服务器（CVM）：提供了可扩展的计算能力，可以用于搭建和部署UIScrollView所在的iOS应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
云存储（COS）：提供了高可靠、低成本的对象存储服务，可以用于存储UIScrollView中的图片、视频等内容。产品介绍链接：https://cloud.tencent.com/product/cos
移动推送（Xinge Push）：提供了消息推送服务，可以用于向UIScrollView所在的应用程序发送推送通知。产品介绍链接：https://cloud.tencent.com/product/xgpush

以上是关于UIScrollView视图端口坐标的基本概念、应用场景以及腾讯云相关产品的介绍。希望对您有所帮助！

相关搜索:UIScrollView:视图不会自动滚动 UIScrollView不符合关键视图的键值编码 UIScrollView不能完全滚动以查看所有子视图 UIScrollView中断滚动中的SwiftUI视图和UIHostingController UIScrollView中的内容视图问题 UIScrollView的子视图不响应跟随滚动视图高度动画的触摸 UIStackView inside UIScrollView:如何居中对齐堆栈视图/项目？Xamarin窗体视图坐标和Android视图坐标为什么视图控制器滚动到UIScrollView上方？从UIScrollView子视图中显示情节提要UIViewController

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

iOS滚动视图UIScrollView使用方法

滚动视图还满常见的，这里学习了一下基本所有的用法、属性设置和委托，单讲一个ScrollView也很简单，直接上代码远比一个个讲要清晰明了地多。...//.h文件 @property (strong, nonatomic) IBOutlet UIScrollView *scrollView; //.m文件 //初始化ScrollView...,设定位置 self.scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320, 460)];...{ return YES; } //滚动到顶部时调用 - (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView...{ } //已经滚动时调用 - (void)scrollViewDidScroll:(UIScrollView *)scrollView{ }

1.5K2 0

自定义 View 系列（一）-坐标系和视图坐标系

视图坐标 Android 中除了上面所说的这种坐标系之外，还有一个视图坐标系，他描述了子视图在父视图中的位置关系。这两种坐标系并不矛盾也不复杂，他们的作用是相辅相成的。...与 Android 坐标系类似，视图坐标系同样是以原点向右为X轴正方向，以原点向下为Y轴正方向。...只不过在视图坐标系中，原点不再是 Android 坐标系中的屏幕左上角，而是以父视图左上角为坐标原点。 ?...image 在触控事件中，通过 getX() 和 getY() 所获得的坐标就是视图坐标中的坐标。在 Android 中，系统提供了非常多的方法来获取坐标值、相对距离等。...，即绝对坐标以上就是简单的 Android 坐标和 View 的视图坐标。

8924 0

将原点移动到navigationBar下面(或UIScrollView和 cell加载子视图偏移64问题)

偏移64.png 解决这个问题只需要在工程里面添加以下几句代码，即可 if ([[[UIDevice currentDevice] systemName...

5582 0

UIScrollView视觉差动画

前言：看到凤凰新闻头条栏目的编辑推荐新闻是这个效果，觉得不错，就想着实现一下，以下就是我的实现过程，示例代码请看这儿→UIScrollView视觉差动画。...[总效果] 一、首先实现一个基本的图集浏览功能，如下图该功能太基础，直接先贴一个UIScrollView，然后几个UIImageView啪啪啪往UIScrollView上面一扔.......Over，...我们可以在拖拽过程中相对应的改变right/left图片在父视图WSLAnimationView上的X坐标，把right图片的坐标位置放到相对于left图片的正下/偏右方位置，然后随着拖拽滑动逐渐改变right...以及left图片的相对位置X坐标，直至复位，回到它们在WSLAnimationView上的初始位置X=0，超出父视图的部分裁剪掉，也是设置WSLAnimationView对象的clipsToBounds...[AnimationOffset = 0时的效果图] 刚向左拖拽时的leftView和rightView视图结构示意图如下所示，那么拖拽中，逐渐移动复位rightView上的RightImage的X坐标

79614 0

UIScrollView视觉差动画

前言：看到凤凰新闻头条栏目的编辑推荐新闻是这个效果，觉得不错，就想着实现一下，以下就是我的实现过程，示例代码请看这儿→UIScrollView视觉差动画。...总效果一、首先实现一个基本的图集浏览功能，如下图该功能太基础，直接先贴一个UIScrollView，然后几个UIImageView啪啪啪往UIScrollView上面一扔.......Over，不在此啰嗦咯...我们可以在拖拽过程中相对应的改变right/left图片在父视图WSLAnimationView上的X坐标，把right图片的坐标位置放到相对于left图片的正下/偏右方位置，然后随着拖拽滑动逐渐改变right...以及left图片的相对位置X坐标，直至复位，回到它们在WSLAnimationView上的初始位置X=0，超出父视图的部分裁剪掉，也是设置WSLAnimationView对象的clipsToBounds...AnimationOffset = 0时的效果图刚向左拖拽时的leftView和rightView视图结构示意图如下所示，那么拖拽中，逐渐移动复位rightView上的RightImage的X坐标

7056 0

坐标系与矩阵(6)模型视图投影矩阵

模型视图投影矩阵，也就是常说的MVP，有很多的书和资料，参考资料中会列出我推荐的相关资料，会详细介绍推导过程。之所以还要写这一篇，是因为它比较重要，也为了保证‘坐标系与矩阵’系列文章的完整性。...同样需要一个矩阵，实现家具在相机坐标系（相对）的位置 ? 转换到地球坐标系（绝对）下的位置 ? ，我们称为视图矩阵，记为 ? ： ? 基于之前的介绍，通常全球坐标系 ?...至此，我们介绍了模型视图矩阵，这里，多插一句，就是法线的转换。已知： ? 此时，已知一点 ? ，对应的法线 ? 。该点经过矩阵 ? 转换到新的坐标系下，对应的法线 ? ： ?...在第三篇介绍平移时，讲到了齐次坐标实现了仿射变换，这里，齐次坐标以增加一个维度的代价，实现了相同点在多平面下的表达方式，升维实现了统一解。 ? 如上的两条平行线，本来是无解的，但在齐次坐标下，当 ?...这样，我们可以得到最终的模型视图投影矩阵，实现将3D空间下的 ? 映射到2D平面： ? 下一篇和本篇在原理上没有区别，但主要专注于视觉中相机本身的范畴。

1K3 0

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

1 简介 UIScrollView 是负责滚动的视图。苹果最强大的地方就在于其良好的UI展示，和UE体验。如果不会很好的使用UIScrollView，就等于丧失了苹果一般的法力。...UIScrollView是一个能够滚动的视图控件，可以用来展示大量的内容，并且可以通过滚动查看所有的内容 1.1 工作原理在缩放的时候，原理是操作被缩放控件的的transform数值。...常见的几个重要控件 UITableView UICollectionView UITextView 1.3 UIScrollView常见的重要属性属性名作用 contentSize 设置UIScrollView...的滚动范围 contentOffset UIScrollView当前滚动的位置 contentInset 增加滚动视图四周的增加滚动范围 bounces 是否有弹簧效果，默认是开启的 scrollEnabled...通过修改 contentOffset 调整内部视图的坐标位置，从而给用户产生一种视觉上的滚动的效果 contentOffset 的值本质上就是 bounds 的原点(origin) 值，苹果在为了方便程序员的理解

1.5K6 0

iOS学习笔记——滚动视图（scrollView）

//滚动视图对象 @property (retain, nonatomic) UIScrollView *scrollView; //视图中小圆点...- (void)viewDidLoad { [super viewDidLoad]; //初始化scrollView self.scrollView = [[UIScrollView...[self.scrollView addSubview:pImageView]; //下一张视图的x坐标:offset为:self.scrollView.frame.size.width...CGRect rect = self.scrollView.frame; //设置视图的横坐标，一幅图为320*460，横坐标一次增加或减少320像素 rect.origin.x...= self.pageControl.currentPage * self.scrollView.frame.size.width; //设置视图纵坐标为0 rect.origin.y

1.4K1 0

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

1 UIScrollView原理在滚动过程当中，其实是在修改原点坐标。当手指触摸后,scroll view会暂时拦截触摸事件,使用一个计时器。...假如你设置canCancelContentTouches为YES，那么当你在UIScrollView上面放置任何子视图的时候，当你在子视图上移动手指的时候，UIScrollView会给子视图发送touchCancel...那么这里就有疑问了，既然该属性设置未来NO了，那么岂不是UIScrollView不能处理任何事件了，那么为何在子视图上快速滚动的时候，UIScrollView还能移动那。...(如当你touch一个table，停止了一会，然后开始scrolling，那一行就首先被highlight，但是随后就不在高亮了) 在滚动过程当中，其实是在修改原点坐标。... CGFloat pageWidth = CGRectGetWidth(self.paggingScrollView.frame); // 根据当前的x坐标和页宽度计算出当前页数

4093 0

android

和上面的区别在于，一个代表某个坐标系对象，一个用来获取坐标系对象的值 Auto Boxing 上面例如equalTo或者width这样的，有时候需要涉及到使用mas_前缀，这在开发中需要注意作区分。...UIScrollView进行addSubview操作，都是将其子视图添加到contentView上。...所以，添加到UIScrollView上的子视图，对UIScrollView添加的约束都是作用于contentView上的。...这种方式的实现，主要是依赖于创建一个containerView内容视图，并添加到UIScrollView上作为子视图。...UIScrollView原来的子视图都添加到containerView上，并且和这个视图设置约束。

7172 0

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

关键词：#UIScrollView UIScrollView 上显示内容的区域被称为 contentView。...contentOffset 是当前 contentView 浏览位置左上角点的坐标。它是相对于整个 UIScrollView 左上角为左边原点而言。默认为 CGPointZero。...Decoration Views 是装饰视图。...对于复杂视图的创建，可以采用惰性加载来推迟创建时间。尽量减少视图层级也是很好的优化方法。Facebook 推出的 ComponentKit 就是很好的解决方案。第二个问题。...这里我们用横纵坐标轴分别进行计算每个 cell 的 xOffset 和 yOffset，然后将其转化为相应的 frame 并缓存起来。

2.6K2 1

一个多UITableview的左右滑动简单解决方案

某条.gif 正文 1、核心思路根据要求来分析，可以采用UIScrollView作为容器，开启pageEnable属性实现左右分页，同时关闭UIScrollView的上下滑动手势（避免和UITableview...YES; [self.view addSubview:self.mContainerScrollView]; 然后将四个UITableView添加到mContainerScrollView上，横坐标分别为...容器和内部UITableView滑动手势冲突如果UIScrollView容器的上下滑动手势打开，会存在两个上下滑手势，一般的操作不会触发UIScrollView容器的上下滑动（因为上下滑动优先被内部的...但viewWithTag具有传递性，有些属性UIScrollView容器没有，但是subviews里有，此时对容器调用viewWithTag会获取到子view上面对应tag的视图。...解决办法：判断对应UIScrollView是否为容器UIScrollView，再进行viewWithTag，并深入理解下viewWithTag的意义。

2.7K7 1

【Hello CSS】第三章-浏览器的视图与坐标

本篇则会介绍浏览器的视图与坐标。关于设备屏幕，我们应该知道的知识像素(Pixel) 像素(pixel)是影像显示的基本单位，一个像素通常被视为影像的最小的完整取样。...视图视口(viewport) 视口(viewport)代表当前可见的计算机图形区域。...在数学里，笛卡尔坐标系（英语：Cartesian coordinate system），也称直角坐标系，是一种正交坐标系。下图是数学概念中的平面坐标系： ? 下图是数学概念中的三维直角坐标系： ?...图上信息就不作过多的解释了，有需要详细了解的可以参考https://zh.wikipedia.org/笛卡尔坐标系 WEB中的坐标系统上面介绍的是我们数学概念中的坐标系，在WEB页面中，也有相应的坐标系统...无论是平面坐标还是三维坐标都是如此，只不过由于浏览器屏幕是个平面，所以三维坐标中的Z轴是贯穿浏览器的。平面坐标系的坐标值可以看以下图示与DEMO： ? ? <!

2.3K2 0

如何手动实现一个 UIScrollView

UIKit 坐标系每一个 View 都定义了他自己的坐标系，如下图所示，x 轴指向右方，y 轴指向下方： ?...image.png 注意：这个逻辑坐标系并不关注包含在其中 View 的宽度和高度，整个坐标系没有边界向四周无限延伸。我们在坐标系中放置四个子 View，每一次色块代表一个 View： ?...blueView]; [mainView addSubview:yellowView]; bounds Apple 关于 UIView 的文档中是这样描述 bounds 属性的： bounds矩形…描述了该视图在其自身坐标系中的位置和大小...其实这就是 UIScrollView 滑动时所发生的事情。注意从一个用户的角度来看，他以为时这个 View 中的子 View 在移动，其实他们的在坐标系中位置（他们的 frame ）没有发生过变化。...我们用一个 gesture recognizer 来识别用户的拖动操作，根据用户拖动的偏移量来改变 bounds 的原点：和真正的 UIScrollView 一样，我们的类也有一个 contentSize

6814 0

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

控制器不能使UITableViewController，只能是UIViewController的view上添加一个UITableView ---- 3. demo中涉及到了坐标系转换的问题，不了解坐标系转换的可以参考如下两个方法的使用...: // - (CGRect)convertRect:(CGRect)rect toView:(nullable UIView *)view; // 把以A视图为坐标系的rect1转换为以B视图为坐标系的...convertRect:rect1 toView:B]; // - (CGRect)convertRect:(CGRect)rect fromView:(nullable UIView *)view; // 把以B视图为坐标系的...frame1转换为以B视图为坐标系的frame2并返回frame2 CGRect frame2 = [A convertRect:frame1 fromView:B]; 主要代码如下： 1. cell.m...控制器.m文件中 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { // 1.获取当前屏幕上显示的所有的cell NSArray

6.1K3 0

UIScrollView

UIScrollView UIScrollView全部API学习。...//7.内容视图的距离，是从封闭的滚动视图插图 @property(nonatomic) UIEdgeInsets contentInset; around content //8.滚动视图的代理...@property(nonatomic) BOOL delaysContentTouches; //27.如果这个值设置为YES，那么当你在UIScrollView上面放置任何子视图的时候，当你在子视图上移动的时候...，UIScrollView会给子视图发送touchCancel消息，而如果该属性设置为NO，ScollView本身不处理这个消息，全部交给子视图处理 @property(nonatomic) BOOL...)scrollView; //50.返回一个放大或者缩小的视图 - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

1.8K6 0

iOS开发UIScrollView使用详解原

中常用方法 - (void)scrollViewDidScroll:(UIScrollView *)scrollView; 视图已经开始滑动时触发的方法 - (void)scrollViewDidZoom...:(UIScrollView *)scrollView; 视图已经开始缩放时触发的方法 - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView...UIScrollView *)scrollView; 视图开始减速时触发的方法 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView...; 视图减速结束时触发的方法 - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView; 视图动画结束时触发的方法，使用...:(UIScrollView *)scrollView withView:(UIView *)view; 视图内容将要开始缩放时触发的方法 - (void)scrollViewDidEndZooming

1.6K3 0

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

2、Paging-enabled UIScrollView with Previews BSPreviewScrollView 关于这两个例子，可以看之前文章的说明，见Paging-enabled...UIScrollView 5.1.5通过UIView对象获取其所属UIViewController 通过UIView对象获取该对象所属的UIViewController可以使用UIResponder...[UIViewControllerclass]]) { •return(UIViewController*)nextResponder; •} •} •returnnil; } 5.1.6坐标体系转换...25080797 [IOS]hitTest的作用与用法【转】 http://blog.csdn.net/smking/article/details/9791365 iOS开发笔记--UIView中的坐标转换...http://blog.csdn.net/hopedark/article/details/18215083 IOS－－UIView中的坐标转换 http://blog.sina.com.cn/

1K2 0

UIScrollView

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

8822 0

iOS-UIScrollerView

NSLog(@"正在滑动"); } - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)...*)scrollView{ return [UIView new]; } ScrollerView缩放的代理回调 //滚动视图在和方法的实现结束时调用此方法，但仅在请求动画时调用setContentOffset...@"点击状态栏是否可以回到顶部"); return YES; } //scrollViewShouldScrollToTop设置为YES，滚动视图在完成滚动到内容顶部时发送此消息 - (void...)scrollViewDidScrollToTop:(UIScrollView *)scrollView{ NSLog(@"滚动视图在完成滚动到内容顶部时发送此消息"); } UIScrollerView...setFrame:CGRectMake(w*i, 0, w, h)]; [self.scrollerView addSubview: imageView]; } //设置内容视图大小

1621 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭