6.6 定制界面外观
iOS 9 开发指南
图片 27 知识点讲解:光盘:视频知识点第6章定制界面外观.mp4
在iOS应用中,其实最终用户看到的界面不仅仅取决于控件的大小和位置。对于很多对象来说,有数十个不同的属性可供我们进行调整,在调整时可以使用Interface Builder中的工具来达到事半功倍的效果。
6.6.1 使用属性检查器
为了调整界面对象的外观,最常用的方式是通过Attributes Inspector(属性检查器)。要想打开该检查器,可以通过单击Utility区域顶部的滑块图标的方式实现。如果当前Utility区域不可见,可以依次选择菜单View→Utility→Show Attributes Inspector(或“Option+ Command+4”快捷键实现)。
接下来我们通过一个简单演示来说明如何使用它,假设存在一个空工程文件Empty.storyboard,并在该视图中添加了一个文本标签。选择该标签,再打开Attributes Inspector,如图6-22所示。
在“Attributes Inspector”面板的顶部包含了当前选定对象的属性。例如,标签对象Label包括的属性有字体、字号、颜色和对齐方式等。在“Attributes Inspector”面板的底部是继承而来的其他属性,在很多情况下,我们不会修改这些属性,但背景和透明度属性很有用。
6.6.2 设置辅助功能属性
在iOS应用中可以使用专业屏幕阅读器技术Voiceover,此技术集成了语音合成功能,可以帮助开发人员实现导航应用程序。在使用Voiceover后,当触摸界面元素时会听到有关其用途和用法的简短描述。虽然我们可以免费获得这种功能,但是通过在Interface Builder中配置辅助功能(accessibility)属性,可以提供其他协助。要想访问辅助功能设置,需要打开Identity Inspector(身份检查器),为此可单击Utility区域顶部的窗口图标,也可以依次选择菜单View→Utility→Show Identity Inspector或按下“Option+Command+3”快捷键,如图6-23所示。
在Identity Inspector中,辅助功能选项位于一个独立的部分。在该区域,可以配置如下所示的4组属性。
Accessibility(辅助功能):如果选中它,对象将具有辅助功能。如果创建了只有看到才能使用的自定义控件,则应该禁用这个设置。
Label(标签):一两个简单的单词,用作对象的标签。例如,对于收集用户姓名的文本框,可使用your name。
Hint(提示):有关控件用法的简短描述。仅当标签本身没有提供足够的信息时才需要设置该属性。
Traits(特征):这组复选框用于描述对象的特征——其用途以及当前的状态。
具体界面如图6-24所示。
注意:
为了让应用程序能够供最大的用户群使用,应该尽可能利用辅助功能工具来开发项目。即使像在本章前面使用的文本标签这样的对象,也应配置其特征(traits)属性,以指出它们是静态文本,这可以让用户知道不能与之交互。
6.6.3 测试界面
通过使用Xcode,能够帮助开发人员编写绝大部分的界面代码。这意味着即使该应用程序还未编写好,在创建界面并将其关联到应用程序类后,依然可以在iOS模拟器中运行该应用程序。接下来开始介绍启用辅助功能检查器(Accessibility Inspector)的过程。
如果我们创建了一个支持辅助功能的界面,可能想在iOS模拟器中启用Accessibility Inspector(辅助功能检查器)。此时可启动模拟器,再单击主屏幕(Home)按钮返回主屏幕。单击Setting(设置),并选择General→Accessibility(“通用”→“辅助功能”),然后使用开关启用Accessibility Inspector,如图6-25所示。
通过使用Accessibility Inspector,能够在模拟器工作空间中添加一个覆盖层,功能是显示我们为界面元素配置的标签、提示和特征。使用该检查器左上角的“×”按钮,可以在关闭和开启模式之间切换。当处于关闭状态时,该检查器折叠成一个小条,而iOS模拟器的行为将恢复正常。在此单击×按钮可重新开启。要禁用Accessibility Inspector,只需再次单击Setting并选择General→Accessibility即可。