第18章 Flex美化应用.ppt

第18章 Flex美化应用 第17章中详细介绍了使用CSS美化界面的用法，本章将为读者介绍更多的美化应用，如自定义字体、自定义光标等。 18.1 自定义字体 在开发Flex应用程序时，字体是最基础的内容之一。Flex 4.0支持有限的系统字体，用户若要使用其他系统字体，需要导入字体。另外，用户也可对字体的大小、颜色等常用属性进行更改，以满足特殊的需要。 18.1.1 自定义字体概述 字体文件的格式为“.ttf”，但同是TTF格式的字体文件也分为系统字体和非系统字体。 Flex 4.0现只能使用系统字体。对于非系统字体，只能采用图片形式。Flex 4.0可以支持系统字体，但并非全部的系统字体都可直接使用。 Flex 4.0由于是英文版本，所以对中文字体的支持并不好。经测试，只有少量的中文字体可在Flex中使用。 18.1.2 使用Flex支持的系统字体 Flex 4.0中支持的西文系统字体包括Arial、Times New Roman、Courier New、Georgia、Verdana等。Flex 4.0中支持的中文系统字体包括宋体、华文楷体、华文细黑、华文仿宋、华文中宋。 18.1.3 使用Flex不支持的系统字体 若用户需要使用特殊的系统字体，如nina、fences等，可先引用TTF文件。 src表示字体文件的路径，一般放于工程目录下。fontFamily表示用户自定义该种字体的名称。 18.2 自定义提示文本 提示文本是指鼠标移动到该组件上时弹出的说明文本。大部分组件都有toolTip属性，用以定义提示的文本内容。 按下Ctrl+F11快捷键编译运行程序。 18.3 自定义光标 Flex 4.0中提供的光标很少。只有普通箭头、忙时光标等少数几种。用户可以使用CursorManager类自定义光标。CursorManager类为光标的管理类，包含于“mx.managers.*”中。 18.4 自定义AIR程序窗口外观 AIR应用程序作为桌面应用程序与一般的Flex程序略有不同。AIR应用程序中每一个MXML文件都有一个与之同名的XML文件。AIR工程中每创建一个MXML文件，都会自动生成一个同名的XML文件。此XML文件记录了MXML文件生成应用程序时的外观及相关参数。其中，rootContent标签与AIR外观有比较大的关联。 当然，用户也可自定义窗体的样式，包括“最小化”、“最大化”、“关闭”按钮等。 18.5 苹果风格界面实例 苹果风格以简洁大方而深受广大用户喜爱。本小节将以实例介绍如何制作苹果风格的组件界面。涉及的技术主要是使用CSS美化界面。 18.5.1 组件设计 组件设计是指讲实例中需要用到的组件摆放到应用程序中。本实例中的组件应用苹果风格的界面。方法是采用CSS样式定制组件外观。 18.5.2 CSS美化组件界面 使用CSS美化组件界面的步骤如下。 （1）新建名为“OSX.css”的文件。 （2）编写CSS样式。 在“OSX.css”文件中编写不同组件的样式。从18.5.3节开始将要编写不同组件的样式了。 18.5.3 ApplicationControlBar组件样式 ApplicationControlBar组件是应用程序控制条，常用于作为菜单的容器。 18.5.4 Application组件样式 Application组件是最外层的组件，即为应用程序组件。为Application组件定义CSS也就是为应用程序定制整体风格。 18.5.5 MenuBar组件样式 MenuBar组件是菜单组件。 18.5.6 Panel组件样式 Panel组件是一种窗体容器，其他组件常放置于Panel组件上。 18.5.7 自定义“panelTitle”样式 “panelTitle”样式用以定制Panel组件上的标题样式。 18.5.8 TextInput组件样式 TextInput组件输入框组件。以下代码定义了TextInput组件的字体大小、背景颜色。 18.5.9 Button组件样式 Button组件是按钮组件。以下代码定义了Button组件的圆角度、高亮度、阴影效果、字体大小、按钮颜色等。 18.5.10 自定义“blueButton”样式 “blueButton”样式定义了蓝色的按钮样式。 18.5.11 Accordion组件样式 Accordion组件是一种导航组件。 18.5.12 NumericStepper组件样式 NumericStepper组件是数字微调器组件。 18.5.13 CheckBox组件样式 CheckBox组件是多选框组件。以下代码定义了CheckBox组件的高亮度、颜色、透明度、边框样式、字体大小等。 18.5.14 RadioB