[iOS] 关于UIScrollView的自动化布局约束

VIP文章 已于 2022-07-18 00:16:56 修改
阅读量876 收藏 1
点赞数
分类专栏： iOS 文章标签： ios objective-c swift xcode
于 2022-06-26 19:42:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oShiXiaoBai/article/details/125473283
版权

目录

前言

在iOS 6.0之后，引入了自动化布局约束，大大减轻了开发者关于界面布局的负担。但在对UIScrollView控件进行自动化布局时，常常会出现一些约束错误，主要原因是有些开发者不太清楚UIScrollView如何通过约束来计算contentSize的属性值，本文将对其原理以及使用方法进行简要叙述。


基本原理

UIScrollView通过其内容视图的约束来计算自己contentSize的属性值。例如，如果UIScrollView拥有一个内容视图，并为该内容视图设置了关于top、bottom、leading、trailing、height和width的约束，则:

最低0.47元/天 解锁文章
白啊白啊白啊
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
UIScrollView使用自动布局
12-12
此Demo是在故事板中的UIScrollView使用AutoLayout实现滚动
iOS UIScrollView滚动视图/无限循环滚动/自动滚动的实例代码
08-31
主要介绍了iOS UIScrollView滚动视图/无限循环滚动/自动滚动,需要的朋友可以参考下
iOS ScrollView实现自动布局的方法（适用Swift 3.0 ）
08-28
传说中有一个美工ios开发者在遇到这个问题的时候特意跑到苹果总部去咨询如何对scrollview进行自动布局。当然大家不用去了，下面这篇文章就来给大家介绍关于iOS ScrollView实现自动布局的方法，文中的语法同样也适用Swift 3.0 ,需要的朋友可以参考下。
IOS UIScrollView的自动布局demo
12-08
IOS UIScrollView的自动布局 实现类似collectionview功能
iOS利用UIScrollView实现图片的缩放实例代码
01-04
本文介绍了iOS利用UIScrollView实现图片的缩放实例代码，分享给大家： 第一步：添加scrollView到控制器中 UIScrollView *scrollView = [[UIScrollView alloc] init]; scrollView.frame = CGRectMake(40, 250, 300, 200); self.scrollView = scrollView; [self.view addSubview:scrollView]; 第二步：添加图片控件到scrollView中 添加图片方式一： UIImageView *imageVi
UIScrollView的自动布局
诠释完美
11-12 1407
一. UIScrollView内容的自动偏移 当A控制器是UINavigationController的子控制器时，并且A控制器的view的第一个子控件是UIScrollView（包括继承自UIScrollView的子类，如：UITableView,UICollectionView,或者是自定义继承自UIScrollView的类），内容会有自动偏移的现象，有如下两种情况。 竖屏的情况下，Sc
Android 开发学习ScrollView与constraintlayout嵌套实现支持滚动的约束布局
weixin_chen的专栏
05-10 7821
在学习中不断积累，在积累中不断学习 <?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" an
Android的ScrollView一些总结
zsxbd的博客
06-09 644
Android中ScrollView的总结
Android——ScrollView与ConstraintLayout约束布局失效场景以及方案
11-29 1810
Android——ScrollView与ConstraintLayout约束布局失效场景以及方案
UIScrollView自动布局
IT_yangjing的专栏
12-19 626
该篇文章将讲述对UIScrollView如何运用autoLayout, 结合实例，更具显示的内容，自动调整scrollView的contentSize。 1.新建工程 2.在Storyboard中的View Controller的view中拖入一个scrollView,并在scrollView中添加一个UIView，层级关系如下图(包含所有添加的约束调教) 3.为Scroll
iOS之UIScrollview添加约束图文详解
硅谷热的博客
01-24 2655
iOS之UIScrollview添加约束图文详解
Masonry适配——（4）UIScrollView的设置
super_man_ww的博客
10-20 2844
UISCrollView在使用时，如果作为父视图包含多个子视图时，我们需要设置它的contentSize的大小，否则无法进行滚动显示。使用frame进行设置时，只需要令xxxScrollView.contentSize = CGSizeMake(width,height)即可，且不管是水平方向，还是垂直方向都方便设置。 而当使用masonry时，应该怎么进行设置呢？因为使用masonry时，无法
UIScrollView上子View的自动布局处理
疯狂的程序猿的博客
04-15 929
UIScrollView使用详解 contentSize：子控件的大小, 限定滚动的范围 showsHorizontalScrollIndicator showsVerticalScrollIndicator bounces：弹簧效果，默认是YES，一般是不关闭 alwaysBounceHorizontal alwaysBounceVertical contentInset：拖动后，会停留在设置的内边距的位置 contentOffset：偏移量，滚动到了某个位置 setContentOffset: anim
第二、UIScrollView的使用大全
热门推荐
ch_soft的专栏
11-08 16万+
UIScrollView 原理详解 ScrollView        UIScrollView      UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容。                  Scroll View为你处理缩小放大手势，UIScrollView实现了这些手势，并且替你处理对于它们的探测和回应。其中需
如何在iOS版UIScrollView中使用自动布局
cumian9828的博客
08-02 300
by Sam Ollason 通过萨姆·奥拉森(Sam Ollason) 如何在iOS版UIScrollView中使用自动布局 (How to use Auto Layout with UIScrollView for iOS) I love building tools with software, and that is why I am currently the Lead Develo...
UIScrollView storyboard 约束 布局
baidu_40537062的博客
01-14 477
下面这边文章有用： Xcode 11 UIScrollView xib storyboard设置约束报错问题
IOS开发—UIScrollView自动布局
Lotheve的私房菜
08-10 1459
由于scrollview本身contentSize、contentInsets等复杂的特性,导致其在自动布局的时候和普通视图有较大差别。对scrollview进行自动布局，需要自制一个contentView作为scrollView的滚动容器。下面介绍在IB下对scrollView进行自动布局的步骤：一、在xib或storyBoard中创建好基本视图控制器界面（这一步不说）二、布局scrollView
IOS UIScrollView的自动布局
dongtaochen2039的专栏
12-05 1万+
写在开始的话：如果感觉博文解决了你的问题，想转载本文，请尊重劳动成果，注明转载来源，谢谢！ 这两天刚研究完成IOS的自动布局，然后想在UIScrollView里面也设置自动布局，完成上下滑动。刚开始感觉UIScrollView的自动布局也跟其他的一样简单，但只有经过尝试才知道并不像想象中的简单。
UIScrollView使用自动布局设置以及contentSize滚动问题
凉城旧梦的博客
08-11 1万+
当我们不再使用frame而是用约束去布局界面的时候，UIScrollView或者uitableview就遇到问题了，往里面添加的子控件发现不展示？而如果contentSize是根据UIScrollView里面的控件而决定的时候如何设置contentSize呢？ 不管是UIScrollView还是uitableview，它的特殊之处就在于contentSize这个属性，想想我们在手写代码向scrol
UIScrollview masory
最新发布
06-06
UIScrollView的Masonry使用方法与其他UIView的使用方法基本相同，只需要将约束添加到UIScrollView的contentView上即可。 下面是一个简单的示例代码： ``` [self.view addSubview:self.scrollView]; [self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) { make.edges.equalTo(self.view); }]; [self.scrollView addSubview:self.contentView]; [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) { make.edges.equalTo(self.scrollView); make.width.equalTo(self.scrollView); }]; ``` 在这个例子中，我们首先将UIScrollView添加到self.view中，并使用`make.edges.equalTo(self.view)`约束它占据整个父视图。然后，我们将内容视图添加到UIScrollView的contentView中，并使用`make.edges.equalTo(self.scrollView)`约束它占据整个UIScrollView的可见区域。最后，我们使用`make.width.equalTo(self.scrollView)`约束内容视图的宽度与UIScrollView的宽度相等。 需要注意的是，在使用UIScrollView的Masonry约束时，我们必须确保内容视图的高度和宽度都能够被准确地计算，否则UIScrollView可能无法正确地滚动。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值