盲人程序员:在Xcode中设计一个界面而不能在视觉上定位UI元素

Question

我是Mac和iOS编程的新手,最近决定真正认真地开发两种平台的应用程序.我采取的第一步是注册Mac和iOS开发人员程序,下载Xcode并学习一本关于Objective-C的书.我花了6周的时间熟悉Objective-C,它的语法,概念和Foundation框架,并且纯粹是为了这些目的开发命令行应用程序.

现在,下一步似乎是Cocoa和开发提供图形用户界面的应用程序,我现在正在研究.现在,这是我遇到的一个问题:由于我完全失明,我无法直观地看到屏幕.因此,我使用VoiceOver,OS X和iOS内置的屏幕阅读器.也许有些开发者在某些时候听说过VoiceOver,因为Apple已经指定了与VoiceOver有关的各种可访问性指南.在这方面,非常感谢所有遵守这些指导方针的人,非常感谢您的努力!:-)

对于Xcode,它实际上与VoiceOver(VO)非常有效.添加新的UI元素也没什么大不了的,我可以从库中复制它们并将它们粘贴到视图中.但是,我不能拖累它们并以吸引人的方式设置它们,或者至少我还没有找到任何方法来实现它,因为我刚刚开始!

现在,我真的想知道是否有任何"文本"方式来安排UI元素.我知道检查员有很多种选择,但是我不确定他们是否会让我说手动更改UI元素的坐标.此外,我已经阅读了有助于创建一致布局的新约束,但此时我并不熟悉如何使用它们或者它们在我的情况下是否有用.

此外,我确实认识到,生成一个100%吸引有目标的最终用户的界面对我来说可能是不可能的,因为我很难决定颜色选择或设计徽标.因此,我可能需要雇用某人来做这些事情.但是,如果我可以粗略地指定布局,那对我来说已经很有帮助了!

感谢您的任何想法/建议:-)

知更鸟

Answer 1

我自己不是盲人用户，但我曾使用过 VoiceOver，所以希望其中的一些内容能有所帮助。我正在将此作为社区答案，因此如果您使用过 VoiceOver 在 Xcode 中使用过 UI 布局，请随意添加自己经验中的提示。

\n\n\n\n

在 Xcode 中编辑 UI 时，有一个检查器，您可以在其中更改视图的大小和位置。进入尺寸检查器的快捷方式是Alt+ Command+ 5。同样的快捷方式也适用于 VoiceOver。

\n\n

您说您正在为 iOS 和 OS X 编码。在 iOS 上，y 轴从顶部开始并指向下方（因此较高的 y 值意味着屏幕上的视图较低）。这意味着 x 和 y 指定视图的左上角，宽度和高度从那里向右和向下延伸。

\n\n

在 OS X 上则相反。y 轴从底部开始，y 值越高意味着屏幕上的视图越高。在这两种情况下，x 轴都是从左到右。这意味着 x 和 y 指定左下角，宽度和高度向右和向上延伸。

\n\n

此外，每个视图都是相对于其父视图而不是绝对坐标定位的。这意味着，如果您将一个视图定位在 x=10 和 y=30 处，然后将另一个视图定位在该视图内的 x=5 和 y=10 处，则该视图在屏幕上的绝对位置将是 x=15 和 y=40。

\n\n

如果你能在脑海中想象出布局，那么你应该能够像这样做到，但可能仍然很难做到。

\n\n\n\n

更新

\n\n

在层次结构的顶部，这些坐标与窗口的大小相关。在 iOS 上，您有固定的大小（iPhone 为 320\xc3\x97480，iPad 为 1024\xc3\x97768）。根据设备是横向还是纵向，其中之一是宽度，另一个是高度。通常，您会从高度中减去 20 像素来考虑状态栏。所以 y=0 的坐标将位于状态栏的正下方。

\n\n

在 OS X 上，您可以自行更改窗口的大小。我会尝试解释在哪里可以找到它。

\n\n

在顶层。导航到“源代码组”并与其交互。在那里您应该找到一个“导航栏组”、一个“表格”和一个“滚动区域”。与桌子互动。在该表中，您应该找到占位符列表和对象列表。其中一个对象将是“窗口”。选择窗口后，所有检查器都会更改窗口的属性。您可以通过更改为任何检查器来快速跳转到尺寸检查器，然后返回尺寸检查器。例如，输入Alt+ Command+ 4，然后输入Alt+ Command+ 5。大小检查器中的前两个元素应该是窗口的宽度和高度。

\n