flex_视图状态的认识、理解示例;

原创 2012年03月26日 15:15:27

=》状态(A):

Orange状态(默认)


Black状态


<?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="1024" minHeight="768" pageTitle="TheStudioOfCenyebao">
    
    <!-- Demo_视图状态 A-->
    
    <!--为Application定义两个状态:orange(默认状态,因为在首位)、black-->
    <s:states>
        <s:State name="orange" />
        <s:State name="black" />
    </s:states>
  
    <!--view-->
    <s:VGroup verticalCenter="0" horizontalCenter="0">
        <s:HGroup>
            <s:Button label="Orange" click="currentState='orange'" />
            <s:Button label="Black" click="currentState='black'" />
        </s:HGroup>
        <s:Rect width="350" height="250">
            <s:fill>
                <s:SolidColor color.black="#000000" color.orange="#de7800"/>
            </s:fill>
        </s:Rect>
    </s:VGroup>   
</s:Application>

=》状态(B):

Orange状态(默认)


Black状态


<?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="1024" minHeight="768" pageTitle="TheStudioOfCenyebao">
    
    <!-- Demo_视图状态B -->
    
    <!--为Application定义两个状态:orange(默认状态,因为在首位)、black-->
    <s:states>
        <s:State name="orange" />
        <s:State name="black" />
    </s:states>
    
    <!--view-->
    <s:VGroup verticalCenter="0" horizontalCenter="0">
        <s:HGroup>
            <s:Button label.orange="Black" label.black="Orange">
                <s:click>
                    <![CDATA[
                        currentState = (currentState=='orange'?'black':'orange');
                    ]]>
                </s:click>
            </s:Button>
        </s:HGroup>
        <s:Rect width.orange="200" height.orange="80" width.black="100" height.black="80">
            <s:fill>
                <s:SolidColor color.black="#000000" color.orange="#de7800"/>
            </s:fill>
        </s:Rect>
    </s:VGroup>
</s:Application>

相关文章推荐

Flex的视图状态。

      在建立了Flex应用后,在MYECLIPSE中可以看到一个名叫states的视图,这个视图可以实现页面间的切换(个人感觉是通过控制层的可见性以及添加新层来完成某状态的重绘),states配...

Flex4之控制状态转换以及产生动画特效【登录示例】

话不多说,Flex4的动画效果的确让人赏心悦目,既然是登陆肯定有画面之间的转化,那么在Flex中,这就叫做不同状态之间的变换,本实例中我做的是登陆验证,如果登录失败,则登陆框会出现左右抖动现象,用过M...

viewstate视图状态解码

  • 2011年06月26日 15:56
  • 30KB
  • 下载

调试Flex 4程序-- 第三部分:变量视图,观察点,和定位到指定行命令

[ADC文章]调试Flex 4程序-- 第三部分:变量视图,观察点,和定位到指定行命令  发表于 2011-7-13 19:54:12 |只看该作者 |倒序浏览 ...

如何在flex的mxml视图中调整Imgage组件的位置

override public function invalidateProperties():void { super.invalidateProperties(); ...
  • mu399
  • mu399
  • 2011年10月31日 15:30
  • 1517

单纯Flex見本001: 显示状态消息

  • 2013年12月06日 16:26
  • 5KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_视图状态的认识、理解示例;
举报原因:
原因补充:

(最多只允许输入30个字)