如何使用自动布局约束在单个屏幕中放置两个视图

Posted

技术标签:

【中文标题】如何使用自动布局约束在单个屏幕中放置两个视图【英文标题】:How can I place two views in a single screen using autolayout Constraints 【发布时间】:2015-06-09 03:48:02 【问题描述】:

我想创建具有 2 个视图(顶部和底部)的应用。

顶视图是可滚动的,并且包含多个文本字段和标签。

底部视图是不可滚动的,但是当屏幕尺寸改变时需要像键盘一样自动调整以适应底部屏幕(我希望它可以在 iPhone 4 到 6 Plus 上使用)。底部视图将包含一个自定义功能按钮,用于在顶部视图中触发操作和更新。

我在 android 上使用 LinearLayout,但我被 ios 困住了。

【问题讨论】:

你解决了你的问题吗 您提供的链接中没有图片 你检查我的答案了吗 是的,我在您的设置中使用了顶部滚动视图和底部视图,它可以工作!!!谢谢。我不知道有这样的方式存在。我买了ios书来学习,但它只是接触了ios的表面。 如果是这样,我希望你接受并投票赞成我的回答 【参考方案1】:

尝试将表格视图或滚动视图放置在顶部将滚动,并将 UIView 放置在底部。使 UIView 的高度恒定,您将在顶部使用的表格视图或滚动视图将根据屏幕尺寸改变高度。如果您对帖子感到困惑,请发表评论。

有关表格视图,请参阅本教程 iOS - Custom table cell not full width of UITableView

Step1:放置table view和view如下。上部是表格视图 下面是视图

Step2: 如下放置view的约束

首先

一秒

第 3 步:如下放置表格视图的约束

试着告诉我你得到了什么

【讨论】:

谢谢。会试试这个方法。 屏幕上只有一个表格视图,我可以在使用不同的屏幕尺寸时使其缩放,但在底部添加 UIVIEW 后,它无法再缩放。看起来它已经固定在没有缩放或没有填充屏幕的位置。我将如何在底部添加视图,并且它总是停靠在底部,同时顶视图仍然可以正确缩放?我可以参考任何网站或指南吗? 你需要放置自动布局功能【参考方案2】:

在您的情况下,我建议将所有这些按钮拖到 UIView 中。然后以所需的间距放置按钮。选择所有按钮并给出等宽和等高约束。然后给出相邻按钮或视图之间的间距约束。然后将 UIview 的约束赋予UIViewcontroller

【讨论】:

谢谢。将尝试谷歌如何设置约束。希望很容易实现。

以上是关于如何使用自动布局约束在单个屏幕中放置两个视图的主要内容,如果未能解决你的问题,请参考以下文章

自动布局不适用于故事板中放置的项目

如何管理自动布局中两个视图之间的间隙

如何在 iOS 中设置视图的最大宽度?

不同设备尺寸的 iOS 自动布局约束值

如何阻止 SwiftUI 视图变得比 superview 更宽

如何使用自动布局在两个子视图控制器之间移动?