Flex 之旅(一)

为了寻找web开发的最佳解决方案,试用下flex3,感觉上手还可以。推荐大家都试试。
官方的eclipse插件下载地址:
http://trials.adobe.com/Applications/Flex/FlexBuilder/3/FB3_WWEJ_Plugin.exe
安装很简单,按照提示next就可以了。
Flex 之旅(一)_第1张图片
做为一个简单的例子,Server Technology就不勾选了,
Flex 之旅(一)_第2张图片
这一步有点鸡肋的感觉,其实我只是想写个demo没必要用服务器。填写后直接finish。
Flex 之旅(一)_第3张图片
目标就是编写FlexDemo.mxml
<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

 creationComplete="onload();">

 <mx:Script>

  <![CDATA[

   import mx.controls.Alert;

   import flash.external.*

   public function onload():void{
      Alert.show("Hello World");

   }

  ]]>

 </mx:Script>

 <mx:Button label="call javascript alert" click="ExternalInterface.call('alert','hello world');" x="120" y="171"/>

</mx:Application>

creationComplete相当于javascript中的onload事件,click相当于onclick,顺便观察了一下这里面事件都是没有on的,直接就是一个动词例如现在我们看到的click就是点击事件,layout="absolute"  应该就是绝对定位的意思了。

为什么要用<![CDATA[  ]]> ,因为.mxml文件就是xml文件,脚本里面会有xml不能识别的特殊符号所以要用<![CDATA[  ]]>  其他的就不说了,大家看名字就应该可以猜测他们的意思。

感觉和写javascript差不多,这里我写了两个示例一个是调用flex的msgbox一个是调用javascript的msgbox,从字面上看,调用javascript算是外部调用了 external,这里的引包方式和java一样的import,就是方法定义有点接受不了,返回类型居然是写在后面还带了:,如果这里和java一样的话那就和谐了。

连html都有图形设计器这个东西当然也要有了,放张图片来show下设计模式的工作区。

Flex 之旅(一)_第4张图片

不过这么简单的一个程序也要162k有点...可能是我不会用,估计应该可以压缩的。

 例子地址

http://www.flashempire.com/myfe/upload/flash/166/1651500_1215941762.swf

你可能感兴趣的:(JavaScript,Flex,eclipse插件,layout,application,import)