开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用自动布局设置约束时了解UIView高度/UIScrollView

UIView高度/UIScrollView是iOS开发中常用的界面布局组件。UIView是iOS界面的基本构建块，用于展示和管理用户界面的内容。UIScrollView是UIView的子类，提供了滚动和缩放功能，适用于展示大量内容或者需要用户交互的界面。

UIView高度的设置可以通过手动设置frame或者使用自动布局来实现。手动设置frame时，可以通过设置view的frame属性来指定视图的位置和大小，其中包括了高度。自动布局是一种更灵活和自适应的布局方式，可以根据不同的屏幕尺寸和设备方向自动调整视图的大小和位置。在自动布局中，可以使用约束来设置视图的高度，例如设置视图的顶部和底部约束，或者设置视图的高度约束。

UIScrollView是一个可滚动的视图容器，可以在其中放置其他视图。UIScrollView的高度可以通过设置其contentSize属性来确定，contentSize决定了UIScrollView可滚动的范围。当UIScrollView的内容超过其可见区域时，用户可以通过滚动来查看隐藏部分的内容。

UIView高度和UIScrollView在iOS开发中的应用场景非常广泛。UIView可以用于构建各种界面元素，例如按钮、标签、文本框等。UIScrollView常用于展示大量的内容，例如长文本、图片集合、表格等。通过设置UIView的高度和UIScrollView的contentSize，可以实现界面的自适应和滚动功能。

腾讯云提供了一系列与iOS开发相关的云服务产品，例如移动推送、移动分析、移动测试等。这些产品可以帮助开发者更好地管理和优化移动应用。具体的产品介绍和使用方法可以参考腾讯云官方文档：

腾讯移动推送：https://cloud.tencent.com/product/tpns
腾讯移动分析：https://cloud.tencent.com/product/ma
腾讯移动测试：https://cloud.tencent.com/product/mtc

相关搜索:具有自动布局功能的UIView不会增加UIScrollView内部的高度 UIScrollView不使用编程式自动布局约束滚动使用自动布局设置UIView高度以适合UILabel子视图动画约束时高度锚点上的自动布局错误使用约束对UIView的层进行动画处理(自动布局动画)云服务器必备云服务器多大 1m云服务器云中国香港服务器云服务器被盗

相关搜索:

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

有帮助

没帮助

相关·内容

MyLayout&TangramKit 的重大升级!

当一个视图有自己的固有内容尺寸时，就不需要再为视图设置宽度或者高度约束。这也就是为什么一般情况下不对UILabel视图设置宽度和高度约束时系统也能正常完成布局。...系统内部的实现中如果布局引擎在布局时发现某个视图没有设置高度或者宽度约束那么就会去调用这个视图的intrinsicContentSize方法，如果这个方法返回了正常的尺寸则视图就按这个尺寸来进行渲染和展示...因此要将一个布局视图添加到采用AutoLayout约束的布局体系时，就像为普通视图一样给布局视图设置约束依赖即可。...因此如果想使用布局视图的尺寸自适应功能，那么在将布局视图的尺寸设置为wrap后，就可以像使用UILabel那样不用去设置布局视图的宽度约束和高度约束了。比如有两个兄弟视图A,B。...，这里不需要设置高度约束，因为使用了布局视图的高度自适应属性。

2.1K2 0

用AutoLayout实现分页滚动

分页滚动UI布局 AutoLayout实现分页滚动的方法根据上面的UI结构这里用AutoLayout的代码来实现水平分页的滚动。这里的约束设置代码是iOS9以后提供的相关API。...，这里也会确定线性布局的高度。...containerView.gravity = MyGravity_Vert_Fill | MyGravity_Horz_Fill; //设置线性布局中的所有子视图均分和填充线性布局的高度和宽度。...:pageView]; //因为线性布局通过属性gravity的设置就可以确定子页视图的高度和宽度，再加上线性布局的特性，所以页视图不需要设置任何附加的约束。...containerView.wrapContentWidth = YES; //设置布局视图的宽度由子视图包裹，当垂直流式布局的这个属性设置为YES，并和pagedCount搭配使用会产生分页从左到右滚动的效果

1.9K4 0

初窥Masonry

于是，一个第三方框架Masonry就自然而然的进入了视线，Masonry是一个轻量级的布局框架，拥有自己的描述语法，采用更优雅的链式语法来封装自动布局，简洁明了，具有高的可读性。...//因为Masonry有设置尺寸的功能，以后基本能抛弃initWithFrame方法了 UIView *view = [[UIView alloc] init]; view.backgroundColor...让两个高度为150的view垂直居中且等宽等间隔排列间隔为10（自动计算其宽度） int padding1 = 10; UIView *view1 = [[UIView alloc...:view2]; //让两个高度为150的View垂直居中且等宽且等间隔排列间隔为10（自动计算其宽度） [view1 mas_makeConstraints:^(MASConstraintMaker...在UIScrollView顺序排列一些View并自动计算contentSize //在UIScrollView顺序排列一些View并自动计算contentSize UIScrollView *scrollView

6184 0

iOS开发之UIScrollView在Autolayout下的使用

一、使用的基本原则：原则1：UIScrollView的size依赖于subviews 首先在StoryBoard中拖入一个UIScrollView，用Pin按钮，随意设置其布局。...因为设置UIScrollView的布局约束是没有用的，UIScrollView的size（即contentSize）是根据其中的subviews所占据的size来计算的。...当然，如果contentSize的内容不足以布满整个UIScrollView时，滚动条将不会出现，UIScrollView也不会滚动。...二、正确的姿势 1、在StoryBoard中拖入一个UIScrollView。 2、设置UIScrollView的约束。...如果contentView的4条边发生变化，UIScrollView会自动调整contentSize。 5、接下来就是在contentView上布局项目中需要的界面了。

9687 0

IOS开发系列——Masonry手写Autolayout专题【整理，部分原创】

padding1); make.height.mas_equalTo(@150); make.width.equalTo(sv2); }]; 代码效果这里我们在两个子view之间互相设置的约束可以看到他们的宽度在约束下自动的被计算出来了...1.1.4 [中级] 在UIScrollView顺序排列一些view并自动计算contentSize UIScrollView *scrollView = [UIScrollView new];...Masonry 在TableCell中增加子控件时，无法正常使用Masonry来进行布局，可能是Cell重用引起的。...1.3.2 使用了Masonry布局的控件最好手动释放内存，若有APP自动释放内存，会有延迟，导致页面布局失败 //需要手动释放mas_makeConstraints的内存，若有APP自动释放内存，会有延迟...因此进行子视图布局时，用前者容易挂机。

7721 0

android

在项目中设置的AutoLayout约束，起到对视图布局的标记作用。设置好约束之后，程序运行过程中创建视图时，会根据设置好的约束计算frame，并渲染到视图上。...所以在纯代码情况下，视图设置的约束是否正确，要以运行之后显示的结果和打印的log为准。 Masonry中的坑在使用Masonry进行约束时，有一些是需要注意的。...在使用Masonry添加约束之前，需要在addSubview之后才能使用，否则会导致崩溃。在添加约束时初学者经常会出现一些错误，约束出现问题的原因一般就是两种：约束冲突和缺少约束。...我这里就讲一下两种进行UIScrollView自动布局的方案，并且会讲一下自动布局的技巧，只要掌握技巧，布局其实很简单。...布局小技巧：给UIScrollView添加的约束是定义其frame，设置contentSize是定义其内部大小。

7302 0

关于Autolayout和Masonry自动布局的几个坑

记录下自动布局中遇到的几个坑。...（或者Masonry）之类的工具进行自动布局。...self.isBigger; }]; button;}); 关于UIScrollView的自动布局上面提到的页面遇到了多重的UIScrollView，使用自动布局的时候也是够蛋疼的。...具体使用技巧参考Masonry自动布局详解九：复杂ScrollView布局、在UIScrollView中使用Autolayout布局以及iOS_autoLayout_Masonry。...主要注意点为： UIScrollView自身的约束按照正常的视图添加。内部子控件的约束不能按照UIScrollView来设置，同时必须完整，否则撑不起contentSize。

1.7K2 0

浅汇－iOS UI布局

（横竖屏时不设置的话无法使用,因为横屏的时候，之前设置的Frame属性还是竖屏的Frame）`，当然可以使用Fram的方法达到屏幕适配和自动布局，但是中间的过程是复杂而且工作量巨大的，写起来也是痛苦的...使用了这么久，对于父试图是 Button ／ UITextFeild等非UIView的直接子类，布局其子视图时，这里面的约束是不生效的。...2、实现了UIView内子视图的自动布局； 3、实现了UIScrollView内容高度根据内部子视图的内容高度动态设置； 4、实现了一个UITableView有多个不同Cell的时候，所有cell高度自适应...autoHeightRatio; 当父试图的高度没有定义的时候，需要使用一下方法来自动布局，并且这个时候不可以再以父试图的底为标准来设置其内部子视图，这是一种【从里到外】的布局思路，cell...实现了UIScrollView可滚动高度根据内部子视图的内容高度动态设置 /** 设置scrollview内容自适应，第一个参数为作为底部的子视图，第二个参数为到sc底部的间距。

2.1K2 0

关于Autolayout和Masonry自动布局的几个坑

记录下自动布局中遇到的几个坑。...self.isBigger;}];button;}); 关于UIScrollView的自动布局上面提到的页面遇到了多重的UIScrollView，使用自动布局的时候也是够蛋疼的。...具体使用技巧参考Masonry自动布局详解九：复杂ScrollView布局、在UIScrollView中使用Autolayout布局以及iOS_autoLayout_Masonry。...主要注意点为： UIScrollView自身的约束按照正常的视图添加。内部子控件的约束不能按照UIScrollView来设置，同时必须完整，否则撑不起contentSize。...*lastView;CGFloatheight=25;//添加子视图，并且设置子试图的约束，注意top的约束由上一个子视图决定for(inti=0;i<10;i++){UIView*view=[[UIViewalloc

1.5K2 0

Ios常用第三方框架（一）

AutoLayout Masonry - Masonry是一个轻量级的布局框架，拥有自己的描述语法，采用更优雅的链式语法封装自动布局，简洁明了并具有高可读性（使用介绍1使用介绍2），iOS自适应前段库...UIView-FDCollapsibleConstraints - 一个AutoLayout辅助工具，最优雅的方式解决自动布局中子View的动态显示和隐藏的问题。...SDAutoLayout - AutoLayout 一行代码搞定自动布局！支持Cell、Label和Tableview高度自适应，致力于做最简单易用的AutoLayout库。...简单易用的属性文本控件(无需了解CoreText)，支持富文本，图文混排显示，支持添加链接，image和UIView控件，支持自定义排版显示。...一般使用气泡作为背景。 HPGrowingTextView - HPGrowingTextView聊天输入文字，可以根据输入文字的多少自动改变输入框的高度。

5.4K3 1

iOS layout相关方法

2.addSubview会触发layoutSubviews 3.设置view的Frame会触发layoutSubviews，当然前提是frame的值设置前后发生了变化 4.滚动UIScrollView会触发...假设有个UILabel 添加它距离左边的距离约束为left的constraint 值为 10 现在我们想让它距左边的距离以动画形式改变为100 如果这么做 UIView.animateWithDuration...drawRect在以下情况下会被调用： 1、如果在UIView初始化时没有设置rect大小，将直接导致drawRect不被自动调用。...然后系统自动调用drawRect:方法。 3、通过设置contentMode属性值为UIViewContentModeRedraw。那么将在每次设置或更改frame的时候自动调用drawRect:。...以上1,2推荐；而3,4不提倡 drawRect方法使用注意点： 1、若使用UIView绘图，只能在drawRect:方法中获取相应的contextRef并绘图。

1.1K1 0

iOS多设备适配简史以及相应的API支撑实现

你需要对所有的布局代码进行重新适配和梳理以便兼容iPhoneX和其他设备，这里面还是状态栏的高度以及底部安全区的的高度尤为棘手。个人认为这两个版本的发布是iOS开发人员遇到的需要大量布局改版的版本。...NSLayoutConstraint约束以及iOS9上的封装改进在iOS6时代苹果推出了AutoLayout的技术解决方案，这是一套采用以相对约束来替代硬编码的解决方法，然而糟糕的方法名和使用方式导致使用成本和代码量的急剧增加...对于约束的设置到了iOS9以后有了很大的改进，苹果对约束的设置进行了封装，提供了三个类：NSLayoutXAxisAnchor, NSLayoutYAxisAnchor, NSLayoutDimension...UIView来进行处理，不管如何只要是View都需要进行渲染和绘制从而有可能一定程度上影响程序的性能，而在iOS9以后提供了一个占位视图类UILayoutGuide，这个类就像是一个普通的视图一样可以为它设置约束...Max)的布局有差异时，我们可能需要用到苹果的SizeClasses技术。

1K3 0

六天完成一个简单iOS App - 第六天

cell的高度计算评论界面的cell使用的是UITableViewAutomaticDimension自动计算高度，这样cell在添加约束的时候需要额外小心，先来看一下评论cell的xib 评论界面...的行数设置为0，保证label可以自动换行显示全部文字。...label的约束同时在代码中需要设置cell的高度自动计算，并且给cell一个大致的估算高度 // 设置cell行高自动计算自动计算尺寸 self.commentTableView.rowHeight...但是这里存在两个问题此时最热评论虽然没有了，但是那部分会被空出来，这是因为我们之前对cell的高度进行了缓存，当设置cell高度时，发现cellHeight不为零，则直接返回高度，不会重新计算。...其实现原理为：布局button时，先将button放在现在的位置上，然后设置button的transform下移一个屏幕的高度 btn.transform = CGAffineTransformMakeTranslation

1.3K5 0

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

visionDiff.gif 步骤备注: demo中cell是用xib文件定义、布局的，而非代码的方式自定义cell。...给cell的contentView添加一个UIImageView子控件给imageView添加上下左右约束给cell添加一个对象方法。...用于tableView滚动时，更新imageView的Y坐标值在UIScrollViewDelegate的scrollViewDidScroll:方法里调用cell的对象方法，更新imageView的...约束设置如下： ? Snip20160730_1.png 2....控制器不能使UITableViewController，只能是UIViewController的view上添加一个UITableView ---- 3. demo中涉及到了坐标系转换的问题，不了解坐标系转换的可以参考如下两个方法的使用

6.1K3 0

layoutSubviews和drawRect

只有当 autoresizing 和基于约束的行为的子视图不提供你想要的行为，应重写此方法。该方法不应直接调用。...4滑动UIScrollView的时候。 5旋转Screen会触发父UIView上的layoutSubviews事件。...7.removeFromSuperview PS： init初始化不会触发layoutSubviews drawRect 1、如果在UIView初始化时没有设置rect大小，将直接导致drawRect...3、通过设置contentMode属性值为UIViewContentModeRedraw。那么将在每次设置或更改frame的时候自动调用drawRect:。...我们调用UIView类中的setNeedsDisplay方法，则程序会自动调用drawRect方法进行重绘。

2221 0

谈谈 Autolayout

AutoLayout 关于 update 的几个方法 UIView 是我们经常使用的一个基本控件，其中有几个基本的布局方法需要清楚。...通常在 updateConstraints 方法中实现必须要更新的约束，在设置或者解除约束、更改约束的优先级或者常量值，或者从视图层级中移除一个视图时都会设置一个内部的标记 update constarints...是 (0 0; 0 0)，是因为约束被设置之后它并不会立即对 view 作出改变，而是要等到 layout 时，才会对视图的尺寸进行修改，而 layout 通常是在视图已经加载到父视图上面时做出响应。...所以如果在 viewDidLoad 中设置了约束，那么要等到 viewDidAppear 时 view 的尺寸才会真正改变。...，写完约束就设置 frame，而不是想把 frame 的设置放到 layoutSubview 中，比如设置好约束后马上就想根据约束的结果计算高度，那么必须在设置完约束之后手动调用 setNeedsLayout

7052 0

列表滑动展开隐藏头部HeaderView

ScrollHeader占据屏幕上方，高度为展开后的高度 UITableView占据整个屏幕，这样可以完全滚动。...为了让内容不被ScrollHeader遮盖，设置contentOffset属性即可我这里用的ScrollHeader是作为独立的控件使用，与UITableView的HeaderView并无关系...由于我的ScrollHeader继承的是UIView，所以为了处理滑动，为其设置一个UIScrollView @property (nonatomic, strong) UIScrollView *headerScrollView...currentOffset = newOffset.y; NSLog(@"current offset: %f", _currentOffset); } 最后放上源码 github 粗略写的，代码是用自动布局写的...往后抽空会优化一下代码，把ScrollHeader封装成控件方便使用。

3.4K2 0

iOS_NestedScrollView（嵌套ScrollView）

手势协议首先需要了解UIGestureRecognizerDelegate协议的这个方法：/// 是否同时相应这俩手势，默认返回 falsefunc gestureRecognizer(_ gestureRecognizer...其顶部内边距contentInset.top等于header的最大高度-最小高度即可滑动的高度。...注：这样布局的原因是：不需要频繁的修改headerView和tabContainerView的frame，只需要修改他们的高度就行。卡顿效果能明显减少。...) { if self.mainScrollEnable { /// 需要重新布局，重新计算 headerView 和 containerView 的高度 /// 触发...使用 `NSDecimalNumber`----github demo----参考：Strange problem comparing floats in objective-C

8873 0

iOS导航栏使用总结

目录：一、设置导航栏样式二、解决自定义导航栏返回按钮后侧滑不可用问题三、隐藏导航栏底部的分割线四、导航栏引起的布局问题相关文章：iOS状态栏的使用总结一、设置导航栏样式设置导航栏的样式可分为全局设置与局部设置...比如我们进入一个页面，需要设置当前导航栏的背景色为灰色，使用如下方法： //进入页面时设置颜色：灰色 - (void)viewWillAppear:(BOOL)animated{ [super...为了解决这个问题，我们需要在App中使用我们自定义的导航控制控制器，示例代码如下： #import “BaseNavigationController.h" //第一步：设置自定义导航控制器使用UIGestureRecognizerDelegate...但是对于普通的视图，此时我们仍然需要注意：非滑动视图的布局仍然要考虑导航栏和标签栏高度，注意不被遮挡，比如布局的时候加上导航栏高度，以免内容被导航栏遮挡。...，默认值是UIRectEdgeAll，即：当前视图控制器里各种UI控件会忽略导航栏和标签的存在，布局时若设置其原点设置为(0,0)，视图会延伸显示到导航栏的下面被覆盖。

3.2K2 0

iOS9新特性——堆叠视图UIStackView

iOS9新特性——堆叠视图UIStackView 一、引言随着autolayout的推广开来，更多的app开始使用自动布局的方式来构建自己的UI系统，autolayout配合storyBoard... layoutIfNeeded]; }]; 四、再来深入理解下UIStackView 通过上面的介绍，我们已经基本了解了StackView的使用和特点，下面我们再来仔细介绍一下与其相关的属性和方法的使用... alignment; 这个属性用于设置控件的对其模式，枚举如下： typedef NS_ENUM(NSInteger, UIStackViewAlignment) { //水平布局时为高度充满，...，如果我们被管理的控件高度或者宽度不一，我们可以设置中心对其，这样的话，我们还需要为每个控件添加一个宽度或者高度的约束，如下： NSMutableArray * array = [[NSMutableArray...4.其他 //设置最小间距 @property(nonatomic) CGFloat spacing; //设置布局时是否参照基线 @property(nonatomic,getter=isBaselineRelativeArrangement

1.9K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭