《iOS 9 开发指南》——第6章,第6.6节定制界面外观

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即可。

时间: 2024-09-27 13:40:18

《iOS 9 开发指南》——第6章,第6.6节定制界面外观的相关文章

《iOS 9 开发指南》——第6章,第6.8节实战演练——将设计界面连接到代码

6.8 实战演练--将设计界面连接到代码iOS 9 开发指南经过本章前面内容的学习,已经掌握了创建界面的基本知识.但是如何才能使设计的界面起作用呢?在本节的内容中,将详细讲解将界面连接到代码并让应用程序运行的方法. 6.8.1 打开项目首先,我们将使用本章Projects文件夹中的项目"lianjie".打开该文件夹,并双击文件"lianjie.xcworkspace",这将在Xcode中打开该项目,如图6-26所示. 加载该项目后,展开项目代码编组(Disconn

《iOS 9 开发指南》——第1章,第1.1节IOS开发入门

第1章 IOS开发入门 iOS 9 开发指南 iOS是一个强大的系统,被广泛地应用于苹果公司的系列产品iPhone.iPad和iTouch设备中.iOS通过这些移动设备展示了一个多点触摸界面及众多内置传感器的界面.本章将带领大家认识iOS系统,为读者步入本书后面知识的学习打下基础. 1.1 iOS系统介绍 iOS 9 开发指南 图片 1 知识点讲解:光盘:视频\知识点\第1章\ iOS系统介绍.mp4 iOS是由苹果公司开发的手持设备操作系统.苹果公司最早于2007年1月9日的Mac World

《iOS 8开发指南》——第6章,第6.1节MVC模式基础

第6章 使用Xcode编写MVC程序 iOS 8开发指南 在本书前面的内容中,已经学习了面向对象编程语言Objective-C的基本知识,并且探索了Cocoa Touch.Xcode和Interface Builder编辑器的基本用法.虽然我们已经使用了多个创建好的项目,但是还没有从头开始创建一个项目.在本章的内容中,将向读者详细讲解"模型-视图-控制器"应用程序的设计模式,并从头到尾创建一个iOS应用程序的过程,为读者步入本书后面知识的学习打下基础. 6.1 MVC模式基础 iOS

《iOS 9 开发指南》——第1章,第1.4节iOS 9中的常用开发框架

1.4 iOS 9中的常用开发框架 iOS 9 开发指南 图片 2 知识点讲解:光盘:视频\知识点\第1章\ iOS 9中的常用开发框架.mp4 为了提高开发iOS程序的效率,除了可以使用Xcode集成开发工具之外,还可以使用第三方提供的框架,这些框架为我们提供了完整的项目解决方案,是由许多类.方法.函数和文档按照一定的逻辑组织起来的集合,以便使研发程序变得更容易.在OSX下的Mac操作系统中,大约存在80个框架,这些框架可以用来开发应用程序,处理Mac的Address Book结构.刻制CD.

《iOS 8开发指南》——第6章,第6.3节在Xcode中实现MVC

6.3 在Xcode中实现MVC iOS 8开发指南 在本书前面的内容中,已经讲解了Xcode及其集成的Interface Builder编辑器的知识.并且在本书上一章的内容中,曾经将故事板场景中的对象连接到了应用程序中的代码.在本节的内容中,将详细讲解将视图绑定到控制器的知识. 6.3.1 视图 在Xcode中,虽然可以使用编程的方式创建视图,但是在大多数情况下是使用Interface Builder以可视化的方式设计它们.在视图中可以包含众多界面元素,在加载运行阶段程序时,视图可以创建基本的

《iOS 9 开发指南》——第1章,第1.3节工欲善其事,必先利其器——搭建开发环境

1.3 工欲善其事,必先利其器--搭建开发环境 iOS 9 开发指南 图片 2 知识点讲解:光盘:视频\知识点\第1章\搭建开发环境.mp4 学习iOS 9开发也离不开好的开发工具的帮助,如果使用的是OS X El Capitan系统,下载iOS 9开发工具将很容易,只需通过简单地单击操作即可.为此,在Dock中打开Apple Store,搜索Xcode 7并免费下载它,坐下来等待Mac下载大型安装程序(约5GB).如果你使用的不是OS X El Capitan系统,可以从iOS开发中心(htt

《iOS 9 开发指南》——第6章,第6.1节Interface Builder基础

6.1 Interface Builder基础 iOS 9 开发指南 图片 1 知识点讲解:光盘:视频\知识点\第6章\Interface Builder基础.mp4 通过使用Interface Builder(IB),可以快速地创建一个应用程序界面.这不仅是一个GUI绘画工具,而且还可以在不编写任何代码的情况下添加应用程序.这样不但可以减少bug,而且可以缩短开发周期,并且让整个项目更容易维护. IB向Objective-C开发者提供了包含一系列用户界面对象的工具箱,这些对象包括文本框.数据表

《iOS 8开发指南》——第6章,第6.5节实战演练——使用模板Single View Application

6.5 实战演练--使用模板Single View Application iOS 8开发指南 Apple在Xcode中提供了一种很有用的应用程序模板,可以快速地创建一个这样的项目,即包含一个故事板.一个空视图和相关联的视图控制器.模板Single View Application(单视图应用程序)是最简单的模板,在本节的内容中将创建一个应用程序,本程序包含了一个视图和一个视图控制器.本节的实例非常简单,先创建了一个用于获取用户输入的文本框(UITextField)和一个按钮,当用户在文本框中输

《iOS 8开发指南(第2版)》——第6章,第6.5节实战演练——使用模板Single View Application

6.5 实战演练--使用模板Single View Application iOS 8开发指南(第2版) Apple在Xcode中提供了一种很有用的应用程序模板,可以快速地创建一个这样的项目,即包含一个故事板.一个空视图和相关联的视图控制器.模板Single View Application(单视图应用程序)是最简单的模板,在本节的内容中将创建一个应用程序,本程序包含了一个视图和一个视图控制器.本节的实例非常简单,先创建了一个用于获取用户输入的文本框(UITextField)和一个按钮,当用户在