第12讲 状态与导航.pptVIP

第6章 状态与导航 第12讲 状态与导航 教学目的 掌握Flex状态的概念 掌握Flex状态的创建 掌握Flex状态事件的应用 掌握Flex的导航器的概念 掌握Flex导航器的使用 教学重点 Flex状态的创建 Flex状态的事件处理 Flex导航器的使用 教学难点 导航器的创建与使用 教学内容 课程导入：Flex项目要体现一个完整的过程，状态与导航是必不可少的，状态与导航实现了在不同视图效果间的切换，从而实现改变视图现状的功能，本次课将重点讲解导航与状态的相关知识。 了解视图状态 每个不同的布局都称为状态 用户或系统事件都可用于更改状态 可在每种状态中添加、修改或删除组件 任何一个组件都有一个或多个状态 创建视图状态 在同一组件中状态是相互排斥的 每次仅可查看组件的一种状态 两个组件可显示不同的视图状态 使用代码创建视图状态 states 块在单个代码块中封装了所有状态 每个 State 标签定义一个状态的名称 State 标签的 name 属性声明了状态的名称 状态名称是必需的，并且对给定组件来说，每个名称都必须是唯一的 定义的第一个状态是应用程序的默认状态 状态中的组件 使用组件的includeIn 属性定义组件存在的状态 使用excludeFrom 属性定义组件不会存在的状态 利用 属性.状态名 定义组件不同状态下的属性 控制视图状态 currentState 当前状态 利用currentState 可以指定当前状态 容器 容器总共分为2种 布局容器（分mx和Spark 2类） 导航器容器 导航器容器 作用：用于控制子容器的控件导航 控制容器显示 导航器容器不能直接包含内容，必须包含子容器 直接子容器只能是MX容器或s:NavigatorContent 标签 在导航器容器中可以嵌入一个或多个容器 每次只能显示一个容器 导航器分类 目前所有导航容器和组件都在MX 命名空间中。 在 Flex 4 中没有与MX 导航器容器等效的Spark 功能。 MX 导航器容器简介 Accordion 在一系列子面板中组织信息，其中每次只有一个面板是活动的 TabNavigator 显示具有选项卡的容器，支持用户在不同的内容区域之间切换 ViewStack 定义容器栈，每次显示一个容器 ViewStack 容器 在 MXML 中使用mx:ViewStack 标签表示 通常为导航架构使用id 属性 由一组子容器组成，这些容器彼此堆叠 每次仅显示一个子容器 根据第一个子容器设置其height 和 width ViewStack 容器不包含在子容器之间切换的导航界面 可使用 LinkBar 或 TabBar 容器在子容器之间切换 使用 LinkBar 或 TabBar 容器中显示的子容器的label 属性 还可使用 ViewStack 属性实现自定义导航 使用 LinkBar 控件进行导航 将 ViewStack 容器的id作为 LinkBar 控件的dataProvider 属性的值 定义 LinkButton 控件的水平或垂直行 导航按钮的值为ViewStack 子容器的label属性值 使用 TabBar 控件进行导航 将 ViewStack 容器id作为 LinkBar 控件的dataProvider 属性的值 定义选项卡的水平行 导航按钮的值为ViewStack 子容器的label属性值 ViewStack 子容器的显示 较小的子容器与ViewStack 容器的左上角对齐 默认情况下，ViewStack 容器仅调整一次大小来适应第一个子容器的大小。 默认情况下，不会在导航到其它子容器时再次调整大小 控制 ViewStack 容器的大小以恰当地显示所有子容器的方法 为所有子容器设置明确的width 和 height 属性，将它们设置为相同的值。 将 resizeToContent 属性设置为 true，会根据子容器自动调整大小 ViewStack 子容器的延迟实例化 只有初始子容器会立刻实例化 其它子容器会延迟实例化，并在用户请求时才进行实例化 问：导致的后果是什么？ 更改实例化行为? 使用容器的creationPolicy 属性更改实例化行为? auto（默认值）仅在导航器容器的初始视图中创建所有控件 具来更快速的应用程序启动时间 用户导航的响应时间更长 all 在导航器容器的所有视图中创建所有控件- 造成应用程序启动时间的延迟 用户导航的响应时间更短 none – 手动对导航器容器中的组件进行实例化 queued – 对延迟创建没有作用，适用于依次创建 为 ViewStack 容器创建自定义导航 利用ViewStack 的3个常用属性可以创建自定义的导航 selectedInd