我们需要使用LinkBar 组件控制ViewStack
使用LinkBar 的selectedIndex 或selectedItem 属性的任意之一来决定显示ViewStack
的哪一条。
LinkBar 既可以使用数组作为数据提供者,也可以使用一个拥有多个子组件的容器(例如
ViewStack)作为数据提供者。后者对此节最有用。当你传递一个容器的时候,该容器选中
显示的项目将自动绑定到LinkBar 控件选中的项目上。这意味着可以把拥有多个子组件的容
器传递给LinkBar 并且让该容器的子组件关联到LinkBar 上。LinkBar 会为这些子组件自动
添加相同个数的按钮以正确设定ViewStack 的selectedChild 属性。
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="800" height="600">
<mx:LinkBar dataProvider="{viewStack}" direction="horizontal" labelField="name"/>
<mx:ViewStack id="viewStack" y="60">
<mx:Panel width="150" height="150" name="first" label="First Panel" title="First Panel">
<mx:Label text="First label"/>
</mx:Panel>
<mx:Panel width="150" height="150" name="second" label="Second Panel" title="Second Panel">
<mx:Label text="Second label"/>
</mx:Panel>
<mx:Panel width="150" height="150" name="third" label="Third Panel" title="Third Panel">
<mx:Label text="Third label"/>
</mx:Panel>
</mx:ViewStack>
</mx:Canvas>
分享到:
相关推荐
在Flex 4中,ViewStack组件继承自Container类,支持布局管理器,使得开发者可以轻松地组织和控制子组件的显示。在"flex使用viewstack切换页面的例子"中,我们可能看到以下关键点: 1. **创建ViewStack组件**:首先...
Flex 实现viewstack简单切换。
根据给定的文件信息,我们可以提炼出以下关于Flex学习的关键知识点: ### 1. ActionScript 核心概念 #### 1.1 类和对象 (Class and Object) - **定义**:类是对象的抽象,而对象是类的具体实例。一个类定义了对象...
在Flex中,你可以通过ActionScript来控制ViewStack的当前显示的视图。例如,如果你想在用户点击“登录”按钮时切换到登录视图,可以编写如下代码: ```actionscript button_clickHandler(event:MouseEvent):void { ...
### Flex4.5学习笔记知识点总结 #### 一、Flex基础——布局 **知识点1:Flex布局** - **垂直布局** (`s:VerticalLayout`): 控件垂直排列。 - **水平布局** (`s:HorizontalLayout`): 控件水平排列。 - **平铺布局**...
Flex提供了许多内置的动画效果,如Fade、Slide等,可以通过设置ViewStack的transition和duration属性来实现平滑的切换效果。 4. **优化和自定义**:最后,根据项目需求对组件进行样式和功能的自定义,例如改变按钮...
总的来说,MXViewStackEffectExample提供了一个学习和实践Flex组件效果的实例,通过研究这个项目,开发者可以加深对Flex架构、MXViewStack组件以及ActionScript效果编程的理解,从而创建更加生动和吸引人的用户界面...
通过实例,我们将学习如何创建Flex应用程序,包括设置项目、编写MXML和ActionScript代码、部署和测试应用。此外,还将涉及数据服务的连接、用户交互的实现以及优化技巧等内容。 总结,"深入浅出Flex中文教程"旨在...
根据给定的文件信息,我们可以总结出一系列关于Flex开发的基础知识点和特定实例,适用于初学者。以下是详细的知识点概述...通过以上知识点的学习,初学者可以逐步掌握Flex的基本用法,并能够独立开发出实用的应用程序。
在本文中,我们将深入探讨如何使用ActionScript 3(AS3)中的ViewStack组件来实现在Flex应用程序中各个子组件之间的...通过学习和实践,你可以掌握如何在Flex项目中灵活地切换视图和传递数据,提升你的应用开发能力。
### Flex新手教程_入门级学习笔记 #### ActionScript核心概念 **ActionScript(简称AS)** 是一种面向对象的编程语言,主要用于开发Flex应用程序。掌握AS的基础知识对于学习Flex至关重要。 ##### 类和对象 (Class...
通过这个项目,开发者可以学习到如何在Flex 3.0环境中构建一个完整的Web应用,包括前后端交互、数据库设计、用户界面设计等多方面知识。同时,也可以了解Flex 3.0的编程模式和最佳实践,为未来其他RIA项目的开发打下...
这些组件可以根据用户的操作自动切换显示的内容,或者通过编程方式控制视图的切换。 ViewStack是一个简单的视图容器,它允许你在其中添加多个子组件,并在运行时只显示一个子组件。通过更改ViewStack的...
7. **组件层次结构**:Flex4 改进了组件层次结构,引入了ViewStack和LayoutManager等新概念,帮助开发者更好地管理组件的布局和显示顺序。 8. **模块化开发**:Flex4支持模块化开发,开发者可以将应用拆分为多个...
- **CSS**: CSS用于控制Flex应用程序中的样式和布局,可以通过外部.css文件或者内联样式来应用。 ##### 2. MXML与ActionScript的使用 - **MXML注释**: MXML中的注释使用`<!-- 注释内容 -->`的形式。 - **...
Spark组件库是Flex 4.5的一大亮点,它提供了一套全新、轻量级且可自定义的UI组件,如ViewStack、Accordion等。这些组件针对移动设备进行了优化,适应不同屏幕尺寸和触摸交互。 六、访问Android原生API Flex 4.5允许...
### Flex 开发实例(ArcGIS)相关知识点 #### 1. Flex 简介 Flex是一种开源框架,用于构建高质量的Web应用程序,并将其部署...以上内容涵盖了Flex开发的基本概念和技术细节,希望对学习Flex和ArcGIS集成开发有所帮助。
5. **图层控件**:如`Legend`、`ScaleLine`、`ZoomSlider`等,提供了地图上的常见控制元素,这些控件可以直接添加到`ViewStack`或`Accordion`组件中,增强用户交互体验。 6. **事件处理**:API 支持事件驱动编程...