flex学习笔记 accordion（一）

发布时间：2020-12-15 05:00:26 所属栏目：百科来源：网络整理

导读：MX Accordion 导航器容器具有一组子 MX 容器或 Spark NavigatorContent 容器，但一次只能显示其中一个。它创建和管理导航器按钮（Accordion 标题），您可以使用这些按钮在子代之间导航。每个子容器都有一个相关的导航器按钮，但是所有导航器按钮都属于 Accor

MX Accordion 导航器容器具有一组子 MX 容器或 Spark NavigatorContent 容器，但一次只能显示其中一个。它创建和管理导航器按钮（Accordion 标题），您可以使用这些按钮在子代之间导航。每个子容器都有一个相关的导航器按钮，但是所有导航器按钮都属于 Accordion 容器，并不属于子代。当用户单击导航器按钮时，就会显示相关的子容器。到另一个子项的过渡过程将使用动画效果，这样用户就可以清楚地看到一个子项消失和另一个子项的出现。

有一个导航容器，类似于tooglebuttonbar等导航容器。。

代码

 
 
<?xml?version="1.0"?encoding="utf-8"?>?
  
  
<s:Application?xmlns:fx="http://ns.adobe.com/mxml/2009"? ?

  
  
???????????????xmlns:s="library://ns.adobe.com/flex/spark"? ?

  
  
???????????????xmlns:mx="library://ns.adobe.com/flex/mx"?minWidth="955"?minHeight="600">?

  
  
????<fx:Declarations>?

  
  
????????<!--?将非可视元素（例如服务、值对象）放在此处?-->?

  
  
????</fx:Declarations>?

  
  
????<mx:VBox?width="100%"?height="100%"?verticalAlign="middle"?horizontalAlign="center">?

  
  
????????<mx:Accordion?>?

  
  
????????<mx:VBox?width="100"?height="100"?label="22222"?backgroundColor="#000000"?/>?

  
  
????????<mx:VBox?width="100"?height="100"?label="22222"?backgroundColor="#E01818"?/>?

  
  
????????<mx:VBox?width="100"?height="100"?label="33333"?backgroundColor="#F3D3D3"?/>?

  
  
????????<mx:VBox?width="100"?height="100"?label="44444"?backgroundColor="#456345"?/>?

  
  
????</mx:Accordion>?

  
  
????</mx:VBox>?

  
  ???? ?
  
  
</s:Application>?

效果：

学习ING。。。。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!