问题标签 [adaptive-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1269 浏览

ios - IOS/Storyboard:适配不同尺寸设备的视图

我有一个最初使用 iphone 4 制作原型的应用程序。但是,当我在 iphone 5 或更高版本上显示它时,它会在顶部和底部留下黑色边框,如图所示。我怎样才能让它填满屏幕?使用尺寸检查器,我将 VC 和视图的屏幕高度设置为任意高的值,例如 2000,但这没有任何效果。我还尝试将顶部栏从推断更改为无,但没有任何效果。

感谢您的任何建议。

截屏

0 投票
1 回答
899 浏览

ios - 使用特征更改约束乘数

我有几个宽度至少为屏幕宽度的 75% 的对象。问题是它们在 iPad 或横向模式下看起来不太好。我想为不同的特征改变“75%”,但不知道怎么做。

我查看了约束的详细信息并单击了加号图标: 在此处输入图像描述

添加变体后,我看到我可以更改常数但不能更改乘数: 在此处输入图像描述

任何人都知道如何优雅地做到这一点?

谢谢

0 投票
0 回答
81 浏览

ios - 在 Xcode 8.3.3 中设计面向横向的 iPad 应用程序

我如何使用情节提要专门为 iPad pro 12.9" 和 10.5" 和 9.7" 指定图像视图的宽度和高度,以及如何修改 12.9" 和 10.5" 的前缘和后缘,因为这些测量值各不相同,还有其他方法吗?通过代码处理?

0 投票
1 回答
3714 浏览

ios - 在代码中更改大小类 (Swift)

我一直在尝试以纯代码(不使用故事板)构建自适应布局并开始运行。我使用布局锚来设置约束并利用 traitCollectionDidChange 方法在各种约束集和其他界面更改之间进行更改。我使用 switch 语句来调用具有相应约束集的相应方法。

为了测试,我只更改了一个约束,即 centerYAnchor.constraint。在纵向中,常数为 -150,在横向中我希望将其更改为 50。对于 iPad,我将常数设置为 0。

在 iPhone 和 iPad 之间切换时效果很好。但是,如果您开始将 iPhone 从纵向旋转到横向,布局系统将失败,并显示:

我尝试覆盖各种方法并将约束的 isActive 属性设置为 false,然后再设置为 true,但这并没有帮助。我在网上搜索了几天。至今没有解决办法。所以我的问题是,在旋转设备时,您如何以正确的方式在尺寸等级之间切换?是否有必要覆盖任何其他方法或其他东西?纯代码中的自适应布局有更好的解决方案吗?当涉及到代码中的自适应布局/大小类/布局锚点和约束(不使用情节提要)时,是否有任何最佳实践?感谢帮助!

PS设置约束的方法是:

0 投票
0 回答
61 浏览

xcode - Xcode/Swift 自适应布局问题

我目前正在测试我的应用程序是否适用于 iphone 和 ipad 并设置各自的自动布局。出于某种原因,在这个特定的 viewcontroller 上,当我从 iphone 切换到 ipad 9.7 时,viewcontroller 不会改变其视图的高度和宽度,导致看起来像这样。另外,我只对这个特定的故事板有问题。其余的将他们的视图调整到正确的大小,就像他们应该做的那样。

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
184 浏览

ios - 在哪里添加特定尺寸类的视图(以编程方式)

可能发生的一个常见用例是需要为特定尺寸类添加视图。例如,wRegular。

我们可能想添加一个额外的标签来利用额外的空间。

我的问题是我应该在哪里添加这个标签,更具体地说,我们应该在下面的方法中将这个标签添加到我们的视图中吗?

traitCollectionDidChange


我正在考虑做这样的事情


似乎有很多关于如何在界面生成器中执行此操作的示例,但我不确定我们将在哪里实际初始化额外的视图。

我初始化了特殊视图,traitCollectionDidChange因为我们可能有一个永远不需要特殊视图的设备。

0 投票
1 回答
285 浏览

ios - iPhone 7 Plus 在横向上的横向尺寸等级是否仍然紧凑?

根据像thisthis这样的参考资料,我认为横向的iPhone 7 Plus应该有常规尺寸等级。

这是当前视图控制器中的代码,根据此参考

这是在 iPhone 7 Plus 上从纵向到横向时控制台上的输出:

水平尺寸类保持紧凑,我预计会从紧凑型变为常规型。

使用 iOS 11.1.2 和 Xcode 9.1

0 投票
1 回答
165 浏览

ios - Autolayout for UIButton in table view cell not working

I have added UIButton to my table view cell with autolayout but UIButton height constraint not working (Already set >=)

enter image description here

Below is my autolayout constraint settings,

enter image description here

Below is the xib design of cell,

enter image description here

0 投票
4 回答
1216 浏览

ios - IOS自适应布局使用Autolayout

我正在开发 IOS 应用程序,它是我在 IOS 上构建的第一个应用程序。我在开发 Android 应用程序方面有很好的经验。所以我收集了关于IOS开发的基本信息和知识。我正在研究自动布局。但我没有让它完全工作。我见过一些开发人员正在编写代码,但我只想使用 IB,因为我相信会有一些方法来处理这个问题。

所以寻求帮助,请不要对我的这篇文章投反对票,因为我在尝试了我在互联网上得到的几乎所有东西后发布了这篇文章。

首先看看我开发了什么以及它是什么: 在此处输入图像描述

图中有不同数量的模拟器,如Ipad pro 12.9、Ipone 8 plus 和 Iphone se

到目前为止我做了什么:

  • 我已经采取了视图(中间的白框)。我让它垂直居中,水平居中。
  • 我已将视图高度设置为 300 点,并将宽度设置为具有一些边距的超级视图
  • 如图所示,我已经放置了用于从用户和确定按钮获取电话和 PIN 的文本字段。

问题和我想要 的: - 问题是视图是垂直和水平中心,但不是它的
内容。我希望这个视图根据
里面的内容来管理它的高度。这样它就可以被视为
垂直对齐的中心。现在它不是垂直居中对齐 - 其次问题是文本字段的宽度,因为在 Ipad 上它们看起来太糟糕了。所以我真的希望它们在所有设备上都好看。

有没有使用自适应/自动布局的解决方案?请帮助我如何使用 IB 获得这个。

0 投票
1 回答
94 浏览

swift - 在 Swift 中舍入表格单元格的高度

我需要计算表格的单元格高度,并将其四舍五入为可除以 5 的值。例如,当单元格大小为 116 时,正确的高度应为 120。

关键是我使用自适应布局来计算单元格高度。UITableViewCell 的子视图之一是一条垂直虚线,应该连接到下面的单元格。虚线由 5 个点的重复组成 - 虚线(2 点)和间隙(3 点)。因此,线视图的高度应四舍五入到可被 5 整除的值,以便与下面的单元格虚线正确连接。

连接虚线的两个单元格