`

Flex学习记录(通过LinkBar 控制ViewStack)

阅读更多
我们需要使用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使用viewstack切换页面的例子

    在Flex 4中,ViewStack组件继承自Container类,支持布局管理器,使得开发者可以轻松地组织和控制子组件的显示。在"flex使用viewstack切换页面的例子"中,我们可能看到以下关键点: 1. **创建ViewStack组件**:首先...

    Flex viewstack切换

    Flex 实现viewstack简单切换。

    flex学习笔记beginning

    根据给定的文件信息,我们可以提炼出以下关于Flex学习的关键知识点: ### 1. ActionScript 核心概念 #### 1.1 类和对象 (Class and Object) - **定义**:类是对象的抽象,而对象是类的具体实例。一个类定义了对象...

    flex sample-跳转

    在Flex中,你可以通过ActionScript来控制ViewStack的当前显示的视图。例如,如果你想在用户点击“登录”按钮时切换到登录视图,可以编写如下代码: ```actionscript button_clickHandler(event:MouseEvent):void { ...

    flex4.5学习笔记

    ### Flex4.5学习笔记知识点总结 #### 一、Flex基础——布局 **知识点1:Flex布局** - **垂直布局** (`s:VerticalLayout`): 控件垂直排列。 - **水平布局** (`s:HorizontalLayout`): 控件水平排列。 - **平铺布局**...

    Flexstore源码解析1 ViewStack+ToggleButtonBar实现幕布特效

    Flex提供了许多内置的动画效果,如Fade、Slide等,可以通过设置ViewStack的transition和duration属性来实现平滑的切换效果。 4. **优化和自定义**:最后,根据项目需求对组件进行样式和功能的自定义,例如改变按钮...

    MXViewStackEffectExample FLEX切换效果

    总的来说,MXViewStackEffectExample提供了一个学习和实践Flex组件效果的实例,通过研究这个项目,开发者可以加深对Flex架构、MXViewStack组件以及ActionScript效果编程的理解,从而创建更加生动和吸引人的用户界面...

    深入浅出flex中文教程

    通过实例,我们将学习如何创建Flex应用程序,包括设置项目、编写MXML和ActionScript代码、部署和测试应用。此外,还将涉及数据服务的连接、用户交互的实现以及优化技巧等内容。 总结,"深入浅出Flex中文教程"旨在...

    Flex开发实例--学习必备

    根据给定的文件信息,我们可以总结出一系列关于Flex开发的基础知识点和特定实例,适用于初学者。以下是详细的知识点概述...通过以上知识点的学习,初学者可以逐步掌握Flex的基本用法,并能够独立开发出实用的应用程序。

    利用viewstack组件实现各个子组件之间的跳转和数据传递

    在本文中,我们将深入探讨如何使用ActionScript 3(AS3)中的ViewStack组件来实现在Flex应用程序中各个子组件之间的...通过学习和实践,你可以掌握如何在Flex项目中灵活地切换视图和传递数据,提升你的应用开发能力。

    Flex新手教程_入门级学习笔记

    ### Flex新手教程_入门级学习笔记 #### ActionScript核心概念 **ActionScript(简称AS)** 是一种面向对象的编程语言,主要用于开发Flex应用程序。掌握AS的基础知识对于学习Flex至关重要。 ##### 类和对象 (Class...

    flex3.0 开发的学习成绩管理系统(完整)源码

    通过这个项目,开发者可以学习到如何在Flex 3.0环境中构建一个完整的Web应用,包括前后端交互、数据库设计、用户界面设计等多方面知识。同时,也可以了解Flex 3.0的编程模式和最佳实践,为未来其他RIA项目的开发打下...

    Flex视图切换,自定义控件Demo.rar

    这些组件可以根据用户的操作自动切换显示的内容,或者通过编程方式控制视图的切换。 ViewStack是一个简单的视图容器,它允许你在其中添加多个子组件,并在运行时只显示一个子组件。通过更改ViewStack的...

    Flex4 AIP 中文说明

    7. **组件层次结构**:Flex4 改进了组件层次结构,引入了ViewStack和LayoutManager等新概念,帮助开发者更好地管理组件的布局和显示顺序。 8. **模块化开发**:Flex4支持模块化开发,开发者可以将应用拆分为多个...

    Flex详细文档.pdf

    - **CSS**: CSS用于控制Flex应用程序中的样式和布局,可以通过外部.css文件或者内联样式来应用。 ##### 2. MXML与ActionScript的使用 - **MXML注释**: MXML中的注释使用`&lt;!-- 注释内容 --&gt;`的形式。 - **...

    使用Flex4.5开发Android应用程序

    Spark组件库是Flex 4.5的一大亮点,它提供了一套全新、轻量级且可自定义的UI组件,如ViewStack、Accordion等。这些组件针对移动设备进行了优化,适应不同屏幕尺寸和触摸交互。 六、访问Android原生API Flex 4.5允许...

    Flex 开发实例( ArcGIS)

    ### Flex 开发实例(ArcGIS)相关知识点 #### 1. Flex 简介 Flex是一种开源框架,用于构建高质量的Web应用程序,并将其部署...以上内容涵盖了Flex开发的基本概念和技术细节,希望对学习Flex和ArcGIS集成开发有所帮助。

    arcgis_api_for_flex_3_5.zip_arcgis flex api 3.5_flex_flex viewer

    5. **图层控件**:如`Legend`、`ScaleLine`、`ZoomSlider`等,提供了地图上的常见控制元素,这些控件可以直接添加到`ViewStack`或`Accordion`组件中,增强用户交互体验。 6. **事件处理**:API 支持事件驱动编程...

Global site tag (gtag.js) - Google Analytics