问题标签 [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 投票
4 回答
21813 浏览

ios - 框架“在运行时会有所不同”......这不是重点吗?

也许争取“无警告”项目是徒劳的,但我对自适应布局/自动布局感到非常紧张,以至于我不得不尝试压制这些警告。

我有一个 uiview,我想根据纵向屏幕宽度动态调整大小。我在通用的构建信息中设置了我的应用程序,仅纵向(并且上下颠倒)。我通过以下方式限制了 uiview:

  1. 将视图的中心与 Superview 的中心 X 对齐
  2. 使视图的宽度与 Superview 的宽度成比例
  3. 为视图提供 1:1 的纵横比约束
  4. 给定视图对超级视图顶部的垂直约束

有关详细信息,请参阅下面的屏幕截图。

所以现在我得到了关于视图的“框架在运行时不同”的警告,特别是运行时的大小和位置与画布中的内容。不知道为什么 Xcode “关心”类大小设置为任意高度和任意宽度的画布。我认为自适应布局的重点是在运行时根据设备的屏幕尺寸和方向解析尺寸和位置。

如果我崩溃并让 Xcode “更新帧”......是的,警告消失了,但是对于超大视图,几乎不可能以所见即所得的方式在小画布上进行图形化工作。这里有什么解决方案可以在不创建使在画布内工作几乎不可能的超大视图的情况下摆脱警告?

画布截图

0 投票
1 回答
168 浏览

ios - 从 iPhone 4s 到 iPhone 6+ 具有自适应布局的间距布局元素

我正在尝试使用自适应布局构建视图(仅限 iPhone,仅限纵向视图)。它应该都在一个屏幕上(最好不要滚动)。我已经设法让它(合理地)为 iPhone 5 - 6+ 工作。但是,我的问题来自 4s。

在此处输入图像描述

我希望在 iPhone 4s 上让中心图像消失,我认为我可以使用尺寸等级,但对于处于纵向模式的各种 iPhone 来说似乎并非如此(仅当我切换方向时)。

此外,我希望 6+ 上的所有元素之间有更多的填充,而 5 和 6 上的间距保持不变。

0 投票
1 回答
25 浏览

ios - 自适应布局中更大 iPhone 的更高约束乘数

我将约束定义为左边距的乘数,如下所示:

约束

这在 4 英寸 iPhone 上看起来不错,但在较大的 iPhone 上它有点偏左。有什么办法可以解释这个吗?据我所知,没有任何尺寸等级仅适用于较大的 iPhone。顺便说一下,背景是实心图像。无法移动它或将其对齐

4 英寸 iPhone 上的元素 更大的 iPhone 显示屏

0 投票
0 回答
64 浏览

xcode - Xcode 自适应布局 - 特定图像尺寸

我只在纵向模式下为 iPhone 构建 UI。UI 包含多个图像。图像的大小因设备而异。例如,在 iPhone 5 上,按钮是 250x250,但在 iphone 6 上是 295x295。问题是 iPhone 5 和 iPhone 6 都使用来自资产的相同 2x 渲染图像。

除了在代码中检测显示的大小并设置 UIImageView 源之外,是否可以将图像设置为自适应布局类大小?

自适应布局似乎不允许这种区分。

0 投票
0 回答
62 浏览

ios - 按钮在情节提要的 UIViewController 上显示为禁用

我已经使用带有size:iPhone3.5inch模拟指标的情节提要开发了我的应用程序。我的应用程序运行良好,在设计了我的应用程序的近 10 个屏幕后,我的情节提要显示了一些奇怪的行为(如下图所示)..

在我的菜单页面中,我有 9 个按钮

在此处输入图像描述

带有帧值的情节提要场景详细信息(按钮图标显示为禁用,相关视图控制器显示为空白)。如果我选择任何按钮,它会显示所有 9 个按钮共有的框架,如下图所示框架详细信息

在此处输入图像描述

这种行为是正常的还是我应该做任何改变..这是我的第一个故事板应用程序。(直到现在只使用 XIB)

任何帮助表示赞赏!

0 投票
1 回答
605 浏览

xaml - 多条目包装 Xaml 网格

在 UWP 应用程序中,我想要一个 XAML 网格样式控件的动态布局,它将使用屏幕的所有可用水平空间。例如,当我在手机等小屏幕上时,我希望列表像这样简单地向下滚动屏幕。

小屏幕布局图像

但是,当我在更宽的屏幕上时,我希望布局适应类似于以下屏幕截图:

宽屏布局

关于我可以使用哪些 Visual Studio 2015 UWP 控件来完成此操作的任何建议?我正在考虑可能是 VariableSizedWrapGrid 和 Grid 控件的组合,但我似乎无法弄清楚。任何建议,将不胜感激。

编辑:并非所有物品的尺寸都相同。一些设备名称会更长并换行至两行,我需要控件来处理不同的项目大小,并根据屏幕大小具有所需的一列/两列/三列等布局。

0 投票
3 回答
2788 浏览

ios - 当数字改变时,iOS防止计时器UILabel“摇晃”

我有一个UILabel以格式MM:ss:SS(分钟,秒,厘秒)显示计时器的输出,但是随着厘秒宽度的变化,它从左到右“抖动” - 例如,“11”比“33”窄。

有什么办法可以减轻这种情况吗?我试过把它居中,给它一个固定的宽度,但他们似乎没有帮助。

0 投票
1 回答
55 浏览

ios - 在 IB 中向下滚动长静态表视图的单元格中不可见且不可选择的对象

实际上,我正在使用 XCode 7,并且正在尝试在 IB 中布置静态表格视图。我勾选了“尺寸等级”(自适应布局),并且表格视图高于 600x600 点的默认方形场景。我可以很好地处理场景前 600 个点中的单元格,也就是它的高度。当我向下滚动场景的高度时,我无法通过在场景中单击它们来选择表格单元格(但我可以在大纲中)。当我将任何对象(例如标签)拖到其中一个单元格上时,它会进入单元格外部的视图,当我通过将对象拖到大纲中的该单元格上将其放入单元格内时,我看不到它场景既不会通过拖动来移动它(就像它在单元格的内容视图后面一样)。有人可以帮助我吗?这是一个非常奇怪的行为......我快疯了!

0 投票
2 回答
3153 浏览

ios - iOS 8 - 使用标识符查找 UIView 的约束

我正在尝试更改 viewDidLoad 中 iPhone 4S、5、5S 的 ImageView 的约束:

似乎它甚至没有在循环中迭代。有没有其他方法可以获得带有标识符的特定约束?

0 投票
3 回答
161 浏览

ios - Xcode7 上的自动布局

我在理解Autolayout以及它对除我之外的其他所有人的出色工作方式方面遇到了很多麻烦。问题是,当他们最终为我工作时的约束,例如 iPad,不符合另一个像 iPhone4s 或其他东西,因此要么这导致冲突的约束,要么根本不按我想要的方式工作(例如,该按钮将出现在 iPad 上的文本字段附近,而在 iPhone 上则不是很近)。我已经阅读了 Raywenderlich 的 Adaptive Layout 教程以及Steven Lipton 的关于 Autolayout (Practical AutoLayout) 的书并且仍然面临很多麻烦。请帮帮我。它是如此令人沮丧,以至于我想完全放弃编码并最终成为一名僧侣之类的...... x(

编辑

因此,为了进一步帮助您,我将在一些快照的帮助下解释某些东西对我不起作用。我最初的想法是显示 4 个视图,每个视图都包含一个文本字段,按下特定按钮即可通过 CoreAnimation 进行转换。ViewController 的视图在背景中有一个图像、一个后退按钮、4 个视图、一个进度条和一个显示每个视图的按钮。问题如下;尽管整个视图在模拟器上看起来很合适,但我可以在 xcode 的终端中看到冲突。

包含所有元素的图像:

包含所有元素的图像

有冲突的图像:

有冲突的图像

但不知何故,如果我解决了冲突,自动布局不会在所有设备上按要求运行。例如

没有冲突,但下一个按钮隐藏在 iPhone4s 中文本字段的点击上:

没有冲突,但下一个按钮隐藏在 iPhone4s 中文本字段的点击上

在 iPad 的情况下没有冲突,并且 Next 按钮非常易于访问:

没有冲突,下一步按钮非常容易访问

我如何才能将其在所有设备上以相同且连贯的方式工作。请帮忙谢谢。