开发应用 Adobe FLEX 制做 flash 动画

haulm

可能是孤陋寡闻了，一直以为linux下没有好用的 flash 动画制做工具，不过现在的flash已经面向网络编程化了
如果不学习一下这些东西，怕是要落伍怡笑大方了。
下载
Adobe FLEX 3.0 SDK from http://www.adobe.com/go/flex3_sdk
安装java，因为FLEX 编译器需要它
#mkdir /opt/flex3
#cd /opt/flex3
#unzip flex_sdk_3.zip
写一段代码存为 MyFirst.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    horizontalAlign="center" verticalAlign="center"
>

    <mx:Button id="myButton" label="点击它" />
</mx:Application>

执行编译
#bin/mxmlc --strict=true --file-specs MyFirst.mxml
Loading configuration file /root/Desktop/flex_sdk/frameworks/flex-config.xml
/root/Desktop/flex_sdk/MyFirst.swf (173501 bytes)
# firefox MyFirst.swf
看到了一个不起眼的按钮了。

haulm

以上是使用 MXML

下面的示例阐述如何通过使用 ActionScript 创建 Button 控件。 该结果与该 MXML 版本是相同的。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    viewSourceURL="src/GettingStartedActionScript/index.html"

    creationComplete="creationCompleteHandler();"
    width="300" height="80"
>

    <mx:Script>

        <![CDATA[
            import mx.controls.Button;
            import mx.events.FlexEvent;

            private var myButton:Button;

            private function creationCompleteHandler():void

            {
                // Create a Button instance and set its label
                myButton = new Button();
                myButton.label = "I'm a button!";
               
                // Get notified once button component has been created and processed for layout


                myButton.addEventListener (FlexEvent.CREATION_COMPLETE, buttonCreationCompleteHandler);
               
                // Add the Button instance to the DisplayList
                addChild (myButton);
            }
            
            private function buttonCreationCompleteHandler ( evt:FlexEvent ):void

            {
                // Center the button
                myButton.x = parent.width/2 - myButton.width/2;
                myButton.y = parent.height/2 - myButton.height/2;
            }

        ]]>
    </mx:Script>
</mx:Application>

通过 ActionScript 创建 Flex 组件时, 必须导入组件的类。 您还必须通过使用 addChild() 方法使组件可见, 将组件添加到应用程序的 DisplayList 中。 通过将此示例的长度和复杂性与其等同的 MXML 版本相比较, 您可以看到 MXML 的简单的基于标签的声明性语法是如何使您免于编写许多 ActionScript 代码行来进行组件布局的。

haulm

<?xml version="1.0" encoding="utf-8"?>

<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    viewSourceURL="src/HelloWorld/index.html"
    horizontalAlign="center" verticalAlign="middle"
    width="300" height="160"
>
    <mx:Panel
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"
        title="My Application"  
    >

        <mx:Label text="大家好" fontWeight="bold" fontSize="24"/>
    </mx:Panel>
</mx:Application>