问题标签 [adaptive-ui]

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 投票
0 回答
32 浏览

ios - 已卸载容器视图的嵌入 segue

我有一个容器视图,它没有安装在 iPhone 上,但安装在 iPad 上。但无论如何,嵌入转场都是在 iPhone 中执行的。我用shouldPerformSegueWithIdentifier它来防止它,但我不确定这是最好的方法。因为容器视图仍在视图控制器视图层次结构中(我认为)。防止执行嵌入转场的最佳或推荐方法是什么?或者不让卸载的视图被加载。

0 投票
0 回答
149 浏览

ios - Adaptive Layout 3.5 inch iPhone

I'm really new to the adaptive layout scene. I'm working on a project that I want to look really great on all iPhone screen sizes.

The question I have is: Is it possible to place a text box in a specific spot on each screen? The specific situation is that I have an image that takes up a majority of the screen. And I want to place an input box on top of that. Here is a screenshot to give you an idea of what I'm talking about.

enter image description here

And here is a screenshot to kind of show you how I have the background image set up.

enter image description here

The background image is placed perfectly and looks good on all screen sizes.

Do I need to place the textbox specifically for each screen size using size classes?

0 投票
1 回答
294 浏览

iphone - 使用 Sketch 3 设计 iPhone 分辨率

我是 Sketch 3 的新手,我正在设计一款能够响应所有分辨率的 iPhone 应用程序。

我一直在遵循http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions上的尺寸指南,这确实很有帮助,但我正在尝试找出涵盖 iPhone 分辨率的最佳工作流程5、6 和 6+。

我是否必须在设备的每个像素大小处创建 3 个画板,还是有更好的方法在 Sketch 中处理这个问题?

我尝试使用导出功能,但这只是为您提供视网膜图形。

能得到你的想法会很好!

0 投票
1 回答
2102 浏览

ios - 我应该如何使用 UISplitView 自适应用户界面呈现 UISearchController?

使用具有自适应UISplitViewController用户界面的通用故事板。

我想使用以下代码(来自主视图控制器)在主(主)端显示一个搜索控制器:

它最初似乎可以正常工作(无论起始方向如何):

景观开始看起来不错

自动旋转后出现问题(键盘仍然可见,底层内容仍然变暗,但搜索栏消失了):

在此处输入图像描述

旋转回横向后,搜索栏重新出现,但现在它的宽度是错误的:

在此处输入图像描述

(我也尝试将搜索控制器searchBar放在titleView. 虽然 searchBar 正确适应,但搜索结果控制器仍然看起来不正确。)

UISearchController当 UI 适应不断变化的尺寸类时,我缺少什么来正确地为自己设置动画?

更新:

添加self.definesPresentationContext = YES;使搜索栏/结果显示在主视图中,但搜索栏在该导航栏下方显示动画,并且不可见。另一个问题是搜索栏高度不会缩小,当它从纵向(有一个状态栏)旋转回到横向时。

0 投票
3 回答
539 浏览

ios - ios自适应布局/尺寸类以针对特定手机尺寸?

我已经失去了与自适应布局和大小类混淆的想法。并不是说我一开始就是个天才,但现在我秃了。

假设我有一个非常简单的布局,我想确保在 3.5、4、4.7 和 5.5 iphone 上看起来完美(完美是指我的所有 ui 元素都存在)。

好的,我从任何尺寸开始,所有元素都放置有约束,没有警告,没有错误。很好走。在预览模式下加载各种尺寸的手机,5.5 看起来不错,4.7 看起来不错,4 看起来还可以,3.5 需要一些工作。

我想用 3.5 和 4(不是 4、4.7 和 5.5)来解决问题,尺寸等级是实现这一目标的方法吗?我是否需要做多个故事板或在代码中执行此操作或某种类型的设备尺寸检查?我遇到了一个走多个故事板路线的人,看起来像是一个相当大的黑客,一群人对他的方法持怀疑态度,但我敢打赌他还有头发。

我想我在问什么,可以使用尺寸等级来定位特定尺寸吗?如果您希望您的布局在 3.5、4、4.7 和 5.5 上看起来完美,那么建议的解决方法是什么?

0 投票
4 回答
4466 浏览

ios - Unwind segue 在非模态时不会关闭自适应弹出框演示

iOS 9 测试版更新:Apple 可能已针对 iOS 9 修复此问题。如果您针对 iOS 8 解决此问题,请确保它在 iOS 9 上也能正常工作。

在 storyboard 中,我创建了一个 popover 演示 segue 来从一个按钮呈现一个导航和视图控制器,以及创建一个 unwind segue。

在纵向中,模态(全屏)演示文稿按预期展开/关闭。

在横向,展开segue 也会被调用,但是popover 演示不会自动关闭。

我错过了连接的东西吗?我必须自己关闭弹出窗口演示吗?

故事板场景和转场 更新: 查看 gabbler 的示例代码后,我已将问题缩小到在单视图应用程序中弹出窗口关闭正常,但在主从应用程序中没有。

更新 2: 这是层次结构的样子(为简单起见省略导航控制器),回答 Luis 提出的问题:

  • 拆分视图控制器
    • 主视图控制器
    • 细节视图控制器
      • 章节视图控制器(模态页表)
        • 选择视图控制器(有问题的弹出框展开到章节视图控制器,但不会关闭)

正如我在之前的更新中提到的,我创建了一个新的主/详细模板,并直接从详细视图(中的一个按钮)显示了一个弹出框。它不会解雇。

0 投票
1 回答
188 浏览

ios - Acceptable to use UIScreen.mainScreen().bounds.size.height to programmatically position elements?

Is using UIScreen.mainScreen().bounds.size.height to position or size elements in my layout based on device size an acceptable thing to do? Or will this kind of thing have me hauled off to a infinite loop cubical farm for a thrashing?

0 投票
5 回答
9189 浏览

ios - 自动布局:原点和大小应根据宽度和高度因素而变化

这是我需要的一个场景。

我在 IB(大小 iPhone4 英寸)上放置了一个 UIButton,其 IB 上的初始帧为x:100,y:100,w:100,h:100。我希望原点和高度应根据设备大小而变化。例如 iPhone6 的宽度和高度是 375X667,因此宽度因子(375/320=1.1718)和高度因子(667/568=1.1742)。在这个场景中,我想用乘以宽度因子 (1.1718) 来改变我的按钮原点 X 和宽度,用乘以高度因子 (1.1782)来改变原点 Y 和高度。在这种情况下,我的按钮应该显示在x:100X1.1718, y:100X1.1742, w:100X1.1718, h:100X1.1742 上

iPhone6+ 也需要同样的东西。

在此处输入图像描述

我可以通过设置 This autoresizing mask 轻松实现这一点。我怎样才能通过使用自动布局来达到同样的效果?我应该遵循什么步骤,我应该应用什么限制?

我之前关于这个的问题

我通过使用自动布局附加了一些我需要的屏幕截图(通过上图所示的自动调整大小蒙版实现)。

我通过使用自动调整大小附加了一些我需要的屏幕截图。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

我的尝试:-

步骤 1:- 在 IB 上取一个大小为 100X100 的按钮。设置它的 X=100 和 y=100。 在此处输入图像描述 Step2:- 应用这个约束。 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
160 浏览

ios - 无法使用 Show Detail Segue 自定义 UINavigationBar

在 videDidLoad 我有在细节视图控制器中设置导航栏的代码

此详细视图将在拆分视图控制器中显示为详细信息,并在较小的设备中推送到导航堆栈,因此在这种情况下我使用 show detail segue。

在拆分视图控制器中,此详细视图控制器将导航栏显示为透明且具有正确的色调颜色,但在 iPhone 导航栏中不遵循我的设置并显示为默认颜色和样式。

你知道如何使这项工作。我猜这是因为在将导航控制器推入较小设备中的导航堆栈之前删除导航控制器的内部过程。

0 投票
3 回答
1929 浏览

iphone - 基于视图大小的自适应 UIPresentationController

我正在UIPresentationController为我的视图控制器转向基于演示文稿,但对 API 感到有些困惑。

我有一个自定义侧边栏样式视图控制器演示文稿(类似于LookInsideWWDC 2014 演示代码)。

此类集群(UIPresentationControllerUIViewControllerTransitioningDelegateUIViewControllerAnimatedTransitioning)在常规尺寸的类视图上将视图控制器呈现为屏幕边缘的侧边栏,并在紧凑尺寸的类视图上将相同的视图控制器呈现为全屏。

在 Resizable iPad 目标上进行测试显示了正确的行为:我将水平尺寸类设置为“紧凑”,并且我的视图控制器从侧边栏切换到全屏。

但是,我想要更多的粒度。当设备处于横向时,我想在 iPhone 6 和 6+ 上使用侧边栏样式的视图控制器演示,并为所有纵向的 iPhone 使用全屏样式演示。

所以在我的方法中

我实现了一些逻辑来检测侧边栏是否会占用过多的屏幕,假设我使用以下条件:

然而,这无济于事。状态的文档UIPresentationController.overrideTraitCollection

使用此属性来指定要应用于呈现和呈现视图控制器的任何特征。您指定的特征会覆盖当前对视图控制器有效的任何现有特征。此属性的默认值为 nil。

为该属性分配一个新值会导致演示控制器转换到新的特征集,这可能会导致呈现界面的动画。

将新值分配给呈现控制器不会导致我呈现的界面发生任何变化。(即使我指定了overrideTraitCollection从对象UIPresentationController内创建的时间UIViewControllerTransitioningDelegate。)

我错过了什么?UIPresentationController是否可以在更精细的级别上执行自适应演示?