第六章 Symbian基础窗口界面程序 设计
1 第六章 Symbian 基础窗口界面程序 设计
本章目标 ?完成本章内容之后我们将能够: ⑧掌握与UI相关的API和组件 ⑧知道如何处理用户的输入 3 &了解Series60和JIQ UI的相同和不 同之处
2 完成本章内容之后我们将能够: 掌握与UI相关的API和组件 知道如何处理用户的输入 了解Series 60 和UIQ UI的相同和不 同之处 本 章 目 标
概述 Series60是Nokia创建的一系列开发人员平台之 一 它有几个版本。1.0、1.1和1.2版本(统称为Series60 平台1.x)基于Symbian OS6.1。本章描述的Series60 平台2.0基于Symbian OS7.0。平台2.0引入的影响到应 用程序UI的主要功能是皮肤(ski)和双向文本支持。皮 肤允许用户通过更改背景位图、图标和颜色方案自定义 UI。皮肤在本章后面描述。双向文本支持功能支持从右 向左书写的语言(例如希伯来语和阿拉伯语)的编辑和 显示。它也影响到整个U川中控件的顺序和对齐方式
3 概述 Series 60是Nokia创建的一系列开发人员平台之一, 它有几个版本。1.0、1.1和1.2版本(统称为Series 60 平台1.x)基于Symbian OS 6.1。本章描述的Series 60 平台2.0基于Symbian OS 7.0。平台2.0引入的影响到应 用程序UI的主要功能是皮肤(skin)和双向文本支持。皮 肤允许用户通过更改背景位图、图标和颜色方案自定义 UI。皮肤在本章后面描述。双向文本支持功能支持从右 向左书写的语言(例如希伯来语和阿拉伯语)的编辑和 显示。它也影响到整个UI中控件的顺序和对齐方式
概述 所有Series60手机都使用一个允许在4个方向导航 的导航控制器、一个确认键和屏幕下面两个称为软键 (softkey)的硬件按钮。这些按钮使Series60手机易 于单手使用。用户可以使用手机的键盘输入文本并可 以选择使用预测式文本输入系统。 UIQ由UIQ Technology AB(Symbian Ltd的一家子 公司)生产。UIQ1.0在2000年9月发布,此后还发布 了几个版本。本章介绍运行在Symbian OS7.0上的 2.1版本
4 概述 所有Series 60手机都使用一个允许在4个方向导航 的导航控制器、一个确认键和屏幕下面两个称为软键 (softkey)的硬件按钮。这些按钮使Series 60手机易 于单手使用。用户可以使用手机的键盘输入文本并可 以选择使用预测式文本输入系统。 UIQ由UIQ Technology AB(Symbian Ltd的一家子 公司)生产。UIQ 1.0在2000年9月发布,此后还发布 了几个版本。本章介绍运行在Symbian OS 7.0上的 2.1版本
概述 UIQ手机有一个大的触摸屏(6cm×Scm或 4cm×6cm),使用触笔作为它们的主输入设备。不 过,像Series60一样,所有UIQ手机都提供一个硬件 确认键和其他导航硬件键,至少包括向上和向下键, 可选的包括向左和向右键,以便于单手浏览手机的内 容。触摸屏允许使用一些文本输入方法(如手写识别) 和一个屏幕虚拟键盘。 对于用户,这些UI有很大差异,但是对于程序员, 它们有很多共同点。它们有同样的基础框架,这意味 着,为这两种UI编写的应用程序具有同样的结构、应 用程序基础、文档、app UI和视图类
5 UIQ手机有一个大的触摸屏(6cm×Scm或 4cm×6cm),使用触笔作为它们的主输入设备。不 过,像Series 60一样,所有UIQ手机都提供一个硬件 确认键和其他导航硬件键,至少包括向上和向下键, 可选的包括向左和向右键,以便于单手浏览手机的内 容。触摸屏允许使用一些文本输入方法(如手写识别) 和一个屏幕虚拟键盘。 对于用户,这些UI有很大差异,但是对于程序员, 它们有很多共同点。它们有同样的基础框架,这意味 着,为这两种UI编写的应用程序具有同样的结构、应 用程序基础、文档、app UI和视图类。 概述
屏幕布局 Series60和UIQ都支持很多种设备。手机制造商可以 自定义UI的风格,例如图标、颜色方案、字体和文本, 但是运行在同样平台的全部手机具有相同的基本屏幕布 局和UI组件。 自定义风格 Symbian OS包括一个抽象风格层,在一个称为Uiklaf 的组件中由UI实现。Uikon使用这个组件得到关于UI的信 息。例如,Uiklaf定义UI的标准字体和控件周围边框的 外观。在一些手机中,应用程序也在移动到背景之前简 单淡出。这个行为在Uiklaf中定义
6 Series 60和UIQ都支持很多种设备。手机制造商可以 自定义UI的风格,例如图标、颜色方案、字体和文本, 但是运行在同样平台的全部手机具有相同的基本屏幕布 局和UI组件。 自定义风格 Symbian OS包括一个抽象风格层,在一个称为Uiklaf 的组件中由UI实现。Uikon使用这个组件得到关于UI的信 息。例如,Uiklaf定义UI的标准字体和控件周围边框的 外观。在一些手机中,应用程序也在移动到背景之前简 单淡出。这个行为在Uiklaf中定义。 屏幕布局
屏幕布局 全部Jiklaf类有一个Laf前缀。它们只是打算 在Uikon 内部使用。 作为一个例外,淡出在其他情况中使用。例如 在两种 UI中,当一个对话框显示时,前台应用程序都淡 出;只 有在Series 60中,当菜单窗格显示时,它才淡 出
7 全部Uiklaf类有一个Laf前缀。它们只是打算 在Uikon 内部使用。 作为一个例外,淡出在其他情况中使用。例如 在两种 UI中,当一个对话框显示时,前台应用程序都淡 出;只 有在Series 60中,当菜单窗格显示时,它才淡 出。 屏幕布局
屏幕布局 Series 60 在Series60中,屏幕分为3个区域或窗格(如图3.1所 示)。这3个窗格称为状态窗格、主窗格和控制(或软键) 窗格。 Media Gallery 状态窗格 ▣厂 Images 2 subfolders,0 medi.. Sounds 主窗格 2 subfolders,0 medi... Videos 1 subfolder,0 media... Options Exit 控制窗格
8 Series 60 在Series 60中,屏幕分为3个区域或窗格(如图3.1所 示)。这3个窗格称为状态窗格、主窗格和控制(或软键) 窗格。 屏幕布局
屏幕布局 状态窗格 状态窗格(通常显示在屏幕的顶端)显示前台 应用程序的相关信息,包括它的标题和图标, 以及手机相关的常规信息,例如信号强度。 它由6个子窗格组成。这些子窗格从左到右布 局(或在某些情况下从右到左,例如在阿拉 伯和希伯来布局中,其中许多控件的顺序相 反)
9 状态窗格 状态窗格(通常显示在屏幕的顶端)显示前台 应用程序的相关信息,包括它的标题和图标, 以及手机相关的常规信息,例如信号强度。 它由6个子窗格组成。这些子窗格从左到右布 局(或在某些情况下从右到左,例如在阿拉 伯和希伯来布局中,其中许多控件的顺序相 反)。 屏幕布局
屏幕布局 1.信号窗格(信号强度指示符) 2.上下文窗格(显示应用程序的图标)。 3. 标题窗格(显示应用程序的标题) 4. 导航窗格(可以包含选项卡、图像或文本, 或者为空)。 5. 电池窗格(电池强度指示符)。 6. 小指示符窗格(包含连接和一些其他指示 符)。其中,只有标题窗格、上下文窗格和 导航窗格可以由应用程序编写人员自定义
10 1. 信号窗格(信号强度指示符)。 2. 上下文窗格(显示应用程序的图标)。 3. 标题窗格(显示应用程序的标题)。 4. 导航窗格(可以包含选项卡、图像或文本, 或者为空)。 5. 电池窗格(电池强度指示符)。 6. 小指示符窗格(包含连接和一些其他指示 符)。 其中,只有标题窗格、上下文窗格和 导航窗格可以由应用程序编写人员自定义。 屏幕布局