Flex从入门到实践2.ppt

第12章 导航 导航的作用是在不同的子组件之间相互切换的时候，能够保证顺利的操作运行和导向。在软件界面设计中，导航起到了主导作用。更好的导航设计可以使用户体验更加人性化。本章包括以下内容： ViewStack导航 Tab导航 Accordion 12.1 ViewStack导航设计 ViewStack是一种可以灵活定义的导航，其各个子组件可以是任意形式的。同时，ViewStack导航没有为用户提供可以切换当前活动容器的导航组件，需要自行定义。 12.1.1 创建ViewStack容器 在Flex中，已经预置了ViewStack导航容器。通过标签mx:ViewStack可以创建一个ViewStack导航容器。切换当前活动容器的导航组件可以通过使用诸如LinkBar、TabBar、ButtonBar、或者ToggleButtonBar组件完成。 12.2.2 实现不同子容器之间的传值 在ViewStack导航中，最常用的功能就是当切换每个子容器的时候，能够互相的传送参数。传送参数的一般的做法是可以创建一个全局的静态类或者静态变量，把参数值暂时存放起来。 12.2 标签导航设计 标签导航又称选项卡导航，这种导航是通过管理若干个标签页，来切换子容器的。标签导航容器是ViewStack导航容器的子类，集成了ViewStack的诸多功能。 12.2.1 使用TabNavigator导航容器 在Flex中，提供了TabNavigator标签导航容器。使用标签mx:TabNavigator可以创建一个TabNavigator导航容器。 12.2.2 动态添加TAB标签 在TabNavigator导航容器的应用中，动态添加TAB标签是最常用的了。动态添加TAB标签是根据用户的操作，添加指定数量的TAB标签的数量。 12.3 折叠导航设计 表单是很多应用中最基本的组件之一。当遇到多个关联表单，使用者可能会遇到操作上的困难。当表单很多，并且不能集成在同一个页面时，用户需要在多个表单之间前后移动切换。折叠导航设计可以有效的解决这个问题。在Flex中，使用标签mx:Accordion可以创建一个Accordion导航容器。 12.4 本章实例：名片管理系统 名片管理是日常应用中必备工具之一，可以轻松查找和添加联系人的信息。 【实例12-1】本例制作一个简单的名片管理功能，添加的数据项暂时保存在客户端的数组集合中。删除某一个数据项时，给出提示信息。 12.5 小结 本章主要讲解了导航组件的应用设计，其中包括了ViewStack、TabNavigator以及Accordion。其中重点讲解了在不同视图之间的切换。下一章将会讲解菜单的设计。 12.6 习题 1．如何使用ViewStack组件设计导航？ 2．如何使用TabNavigator组件设计导航？ 3．如何使用Accordion组件设计导航？ 第13章 菜单设计 上一章介绍了导航的设计，在实际开发中，导航往往要结合菜单的操作。菜单主要的作用就是功能模块的导航，通过菜单，用户可以快速的切换到需要的功能。Flex中的菜单大体有三种：上下文菜单、菜单条以及弹出式菜单。本章将详细讲述Flex中菜单的设计。本章包括以下内容： 上下文菜单的设计 菜单条的设计 弹出式菜单的设计 13.1 上下文菜单的设计 上下文菜单是菜单的基础形式，如常用的右键菜单。上下文菜单定义比较灵活，可以在任意位置、任意组件上弹出菜单。 13.1.1 使用Menu控件创建菜单 在Flex中，上下文菜单的设计需要依靠Menu类来实现。在Menu类的createMenu方法中，已经定义了创建菜单所需要的基本要素，并以参数的形式设置。createMenu方法的语法格式如下所示。 public static function createMenu(parent:DisplayObjectContainer, mdp:Object, showRoot:Boolean = true):Menu 参数说明： parent：放置菜单控件的父容器。 mdp：菜单控件显示的数据源。 showRoot：在菜单上是否显示数据源的根节点。 13.1.2 菜单事件 在菜单控件中，定义了几个常用的事件，包括单击菜单项、更改当前选择菜单、菜单显示和隐藏等。这些事件类型包含在MenuEvent类中，MenuEvent类的事件如表13.1所示。 13.2 菜单条的设计 菜单条是一个显示顶级菜单项的横向条目。单击每个顶级菜单都会弹出一个子菜单。菜单条是继承了Menu类，所以，具有和Menu控件同样的事件。 13.2.1 使用MenuBar控件创建菜单 菜单条的设计要依赖于MenuBar控件，这个是在Flex中已经提供了。 13.2.2 菜单