第18章节 Flex美化应用.ppt

18.6.1 组件设计 本实例中的组件应用Vista风格的界面。方法是采用CSS样式定制界面。在应用CSS样式前用户需要设计组件，即将可视组件和非可视组件放置于MXML程序中。 18.6.2 CSS美化组件界面 使用CSS美化组件界面的步骤如下。 （1）新建名为“style.css”的文件。 （2）编写CSS样式。 在“style.css”文件中编写不同组件的样式。 18.6.3 全局样式global “global”样式用于定义应用程序全局性的样式，如背景大小、主题颜色等。 18.6.4 AccordionHeader组件样式 “AccordionHeader”样式用于定义Accordion组合标题的样式。 18.6.5 Application组件样式 Application组件是最外层组件，即应用程序组件。 18.6.6 Button组件样式 Button组件是按钮组件。 18.6.7 ButtonBar组件样式 ButtonBar组件是一种按钮控制条，上面有若干个按钮。 18.6.8 ColorPicker组件样式 ColorPicker组件是颜色选择器组件。 18.6.9 ComboBox组件样式 ComboBox组件是下拉框组件。 18.6.10 DataGrid组件样式 DataGrid组件以表格形式显示数据。 18.6.11 DateChooser组件样式 DateChooser组件是日历组件。 18.6.12 ProgressBar组件样式 ProgressBar组件是进度条组件。 18.6.13 Image组件样式 Image组件是图片组件。 18.6.14 MenuBar组件样式 MenuBar组件是菜单组件。 18.6.15 RadioButton组件样式 RadioButton组件是单选项组件。 18.6.16 CheckBox组件样式 CheckBox组件是多选项组件。 18.6.17 HSlider组件样式 HSlider组件是横向滑动条组件。 18.6.18 TitleWindow组件样式 TitleWindow组件是一种窗体组件。 18.6.19 调用自定义窗体 使用PopUpManager类的createPopUp()方法可调用自定义窗体。PopUpManager类包含于“mx.managers.PopUpManager”中。使用createPopUp()方法创建的窗体可自由拖动。 18.6.20 调用“style.css”文件 定义好“style.css”样式后，需要在“VistaBlue.mxml”中调用。 18.7 小结 本章为读者讲解Flex美化界面的实例。内容包括自定义字体、自定义提示、自定义光标、自定义AIR程序窗口外观等。本章最后讲解了两个综合实例，分别应用苹果风格界面和Vista风格界面。通过本章的学习，读者能够理解和掌握Flex中如何美化应用程序界面。 第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中提供的光标很少。只有普通箭头、忙时光标等少数几种。用户可以使用Cu