zoukankan      html  css  js  c++  java
  • [Flex] Accordion系列-Header的运用

    <?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>
        <fx:Script>
            <![CDATA[
                [Bindable]
                [Embed(source="assets/Accordion.png")]
                private var AccordionIcon:Class;
                
                [Bindable]
                [Embed(source="assets/ApplicationControlBar.png")]
                private var ApplicationControlBarIcon:Class;
                
                [Bindable]
                [Embed(source="assets/Box.png")]
                private var BoxIcon:Class;
                
                [Bindable]
                [Embed(source="assets/Canvas.png")]
                private var CanvasIcon:Class;
                
                [Bindable]
                [Embed(source="assets/ControlBar.png")]
                private var ControlBarIcon:Class;
    
            ]]>
        </fx:Script>
        <mx:Accordion id="accordion" backgroundAlpha="0" height="100%" width="100%" headerHeight="32" historyManagementEnabled="false" openDuration="250">
            <mx:headerRenderer>
                <fx:Component>
                    <mx:Button fontWeight="normal" labelPlacement="left" textAlign="left" cornerRadius="{outerDocument.accordion.getStyle('headerHeight')/2}" />
                </fx:Component>
            </mx:headerRenderer>
            <mx:VBox label="Accordion" icon="{AccordionIcon}">
                <mx:Label text="The quick brown fox..." />
            </mx:VBox>
            
            <mx:VBox label="ApplicationControlBar" icon="{ApplicationControlBarIcon}">
                <mx:Label text="The quick brown fox..." />
            </mx:VBox>
            
            <mx:VBox label="Box" icon="{BoxIcon}">
                <mx:Label text="The quick brown fox..." />
            </mx:VBox>
            
            <mx:VBox label="Canvas" icon="{CanvasIcon}">
                <mx:Label text="The quick brown fox..." />
            </mx:VBox>
            
            <mx:VBox label="ControlBar" icon="{ControlBarIcon}">
                <mx:Label text="The quick brown fox..." />
            </mx:VBox>
        </mx:Accordion>
    </s:Application>
  • 相关阅读:
    Rust Book 学习记录(Nightly)
    测试
    Web前端研发工程师编程能力飞升之路
    Nginx 部署 Django
    数组组合排列及排序
    nodeJS(windows)新手攻略
    虎说:简约不简单-瀑布流布局
    虎说:bootstrap源码解读(重置模块)
    捉Bug:易车注册页布局小臭虫 附demo
    虎扯:小众玩物 webkit家的滚动条
  • 原文地址:https://www.cnblogs.com/frost-yen/p/5072585.html
Copyright © 2011-2022 走看看