盲程序员:在Xcode中设计一个界面,但不能直观地定位UI元素

盲程序员:在Xcode中设计一个界面,但不能直观地定位UI元素,xcode,interface,voiceover,Xcode,Interface,Voiceover,我对Mac和iOS编程相当陌生,最近决定认真地为这两种平台开发应用程序。我的第一步是登记到MAC和IOS开发者程序,下载XCODE并学习一本关于ObjtoV.C的书。我花了6个星期的时间熟悉Objto-C,它的语法,概念和基础框架,并且纯粹是为了这些目的开发命令行应用。 现在,下一步似乎是开发提供图形用户界面的应用程序,我现在正在研究这个问题。现在,我遇到了一个问题:因为我完全失明,我无法用视觉看到屏幕。因此,我使用VoiceOver,OSX和iOS中内置的屏幕阅读器。也许你们中的一些开发者在某

我对Mac和iOS编程相当陌生,最近决定认真地为这两种平台开发应用程序。我的第一步是登记到MAC和IOS开发者程序,下载XCODE并学习一本关于ObjtoV.C的书。我花了6个星期的时间熟悉Objto-C,它的语法,概念和基础框架,并且纯粹是为了这些目的开发命令行应用。 现在,下一步似乎是开发提供图形用户界面的应用程序,我现在正在研究这个问题。现在,我遇到了一个问题:因为我完全失明,我无法用视觉看到屏幕。因此,我使用VoiceOver,OSX和iOS中内置的屏幕阅读器。也许你们中的一些开发者在某个时候听说过画外音,因为苹果已经指定了各种与画外音相关的可访问性准则。在这一点上,非常感谢所有遵守这些准则的人,非常感谢你们的努力!!!:-)

至于Xcode,它实际上与VoiceOver(VO)配合得非常好。添加新的UI元素也没什么大不了的,我可以从库中复制它们并将它们粘贴到视图中。然而,我不能把它们拖来拖去,并以一种吸引人的方式设置它们,或者至少在我刚刚开始的时候,我还没有找到任何方法

现在,我真的想知道是否有任何“文本”方式来排列UI元素。我知道inspector有各种各样的选项,但我不确定是否有任何选项可以让我手动更改UI元素的坐标。另外,我也读过一些有助于创建一致布局的新约束,但目前我还不太熟悉如何使用这些约束,或者它们对我的情况是否有帮助

此外,我确实意识到,对于我来说,制作一个对有视力的最终用户具有100%吸引力的界面可能是不可能的,因为我很难决定颜色选择或设计徽标。因此,我可能需要雇佣一些人来做这些事情。然而,如果我可以粗略地指定布局,那将对我有很大帮助

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


罗宾

这场讨论将不可避免地偏离主题,但以下是我的想法:

  • 考虑专门从事其他工作。程序员可以做的事情太多了。许多(如果不是大多数的话)程序员可以享受长期的、成功的职业生涯,而不必安排任何UI元素。坦白地说,我不认为这是特别令人兴奋的,除非你有更多的设计师心态

  • 或者,无论您使用什么工具来排列元素,这个布局都可能保存到某个文件中,可能是以类似XML的方式保存的。找到并编辑此文件

  • 如果你想很好地安排UI元素,考虑首先雇佣几个人为你做多种安排。然后分析这些数字,并提出一些公式,这将是一个很好的启发这种安排。或许有人已经想出了这种公式


    我自己也不是一个盲人用户,但我曾与VoiceOver合作过,所以希望其中一些能有所帮助。我将此作为一个社区答案,如果您使用过Xcode和VoiceOver中的UI布局,请随时根据自己的经验添加提示


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

    您说过您正在为iOS和OS X进行编码。在iOS上,y轴从顶部开始向下(因此y值越高,屏幕上的视图越低)。这意味着x和y指定视图的左上角,并且宽度和高度从那里向右和向下延伸

    在OSX上,情况正好相反。y轴从底部开始,y值越高表示视图在屏幕上越高。在这两种情况下,x轴都从左向右移动。这意味着x和y指定左下角,宽度和高度向上延伸到右侧

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

    如果你能在脑海中描绘布局,那么你应该可以这样做,但这可能仍然很难做到


    更新 在层次结构的顶部,这些坐标与窗口的大小有关。在iOS上,您有固定的尺寸(iPhone为320×480,iPad为1024×768)。根据设备是横向还是纵向,其中一个是宽度,另一个是高度。通常从高度中减去20个像素以显示状态栏。因此y=0的坐标将直接位于状态栏下方

    在OSX上,您可以自己更改窗口的大小。我会尽力解释在哪里可以找到它


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

    有趣的问题。@suspectus:编辑窗口时