求flex详细完整的简单实例
3个回答
展开全部
详细 和 简单是同义词么?...无语中
给你一个最简单的吧。
2.1 请先新建一个Flex Project,我们姑且命名这个Flex项目为HelloWorldTest,然后点击下一步按钮,直至结束。Flex IDE会自动为我们创建一个HelloWorldTest.mxml文件,mxml是Macromediag公司于2004年发明的,专门用来标记图形用户界面(GUI)的XML语言。此时的界面如下图所示:
2.2 请点击上面窗口中的Design Button,切换到设计视图,然后请从Components视窗中拖拽一个Label组件,一个Button组件和一个Text组件到Flex设计窗口中,并在Flex Properties视窗中调节这些组件的大小及样式,详情如下图所示:
2.3 然后请点击上面窗口中的Source按钮切换到代码视图,在Button按钮上加一个click事件,并写一小段ActionScript脚本,其中包含buttonClick()函数,让click事件指向buttonClick()函数。buttonClick()函数代码异常简单,其功能就是但按钮被点击时,该函数不断改变myText文本框中的文字。具体代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
private function buttonClick():void {
if(myText.text==null || myText.text==""){
myText.text="Hello World";
}else{
myText.text="";
}
}
]]>
</mx:Script>
<mx:Label text="My First Flex Program" width="213" textAlign="center" fontWeight="bold" fontSize="18" fontFamily="Arial" color="#E2E023" x="191" y="48"/>
<mx:Button click="buttonClick()" label="Press Me" x="250.5" y="119"/>
<mx:Text id="myText" text="Text" width="213" height="51" color="#F52E13" fontFamily="Arial" fontSize="17" x="204" y="184" alpha="0.99"/>
</mx:Application>
请注意上面代码中的id=”myText”,如果您想在ActionScript脚本中应用某个页面组件,您可以通过该组件的id直接调用,这和javascript调用html控件非常类似(document.getElementById("myText"))。
2.4 代码输入完成后,请右击代码,然后点击Run As…àFlex Application,将上面的代码作为Flex应用程序运行,这是我们可以在浏览器中看到Hello World应用程序。如果您想让这个小的HelloWorld程序在服务器上运行,也非常简单,您只需要将\HelloWorldTest\bin-debug目录下的文件拷贝到服务器上的相应目录中即可运行。
2.5 总之,在Flex中开发RIA程序异常简单。我以前从来没有接触过Flex及ActionScript,但是花了几个小时学习了一下,就能很快写一个小的Hello World。比起复杂的JavaFX来,我更 看好Flex,Flex的语法类似于Java,比较容易学习,而且,ActionScript似乎比JavaFX的语法简单。所以,我个人认为,以前从事RIA应用的Java开发者可以开始学习Flex,掌握Flex,可能是一个比较好的选择。
给你一个最简单的吧。
2.1 请先新建一个Flex Project,我们姑且命名这个Flex项目为HelloWorldTest,然后点击下一步按钮,直至结束。Flex IDE会自动为我们创建一个HelloWorldTest.mxml文件,mxml是Macromediag公司于2004年发明的,专门用来标记图形用户界面(GUI)的XML语言。此时的界面如下图所示:
2.2 请点击上面窗口中的Design Button,切换到设计视图,然后请从Components视窗中拖拽一个Label组件,一个Button组件和一个Text组件到Flex设计窗口中,并在Flex Properties视窗中调节这些组件的大小及样式,详情如下图所示:
2.3 然后请点击上面窗口中的Source按钮切换到代码视图,在Button按钮上加一个click事件,并写一小段ActionScript脚本,其中包含buttonClick()函数,让click事件指向buttonClick()函数。buttonClick()函数代码异常简单,其功能就是但按钮被点击时,该函数不断改变myText文本框中的文字。具体代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
private function buttonClick():void {
if(myText.text==null || myText.text==""){
myText.text="Hello World";
}else{
myText.text="";
}
}
]]>
</mx:Script>
<mx:Label text="My First Flex Program" width="213" textAlign="center" fontWeight="bold" fontSize="18" fontFamily="Arial" color="#E2E023" x="191" y="48"/>
<mx:Button click="buttonClick()" label="Press Me" x="250.5" y="119"/>
<mx:Text id="myText" text="Text" width="213" height="51" color="#F52E13" fontFamily="Arial" fontSize="17" x="204" y="184" alpha="0.99"/>
</mx:Application>
请注意上面代码中的id=”myText”,如果您想在ActionScript脚本中应用某个页面组件,您可以通过该组件的id直接调用,这和javascript调用html控件非常类似(document.getElementById("myText"))。
2.4 代码输入完成后,请右击代码,然后点击Run As…àFlex Application,将上面的代码作为Flex应用程序运行,这是我们可以在浏览器中看到Hello World应用程序。如果您想让这个小的HelloWorld程序在服务器上运行,也非常简单,您只需要将\HelloWorldTest\bin-debug目录下的文件拷贝到服务器上的相应目录中即可运行。
2.5 总之,在Flex中开发RIA程序异常简单。我以前从来没有接触过Flex及ActionScript,但是花了几个小时学习了一下,就能很快写一个小的Hello World。比起复杂的JavaFX来,我更 看好Flex,Flex的语法类似于Java,比较容易学习,而且,ActionScript似乎比JavaFX的语法简单。所以,我个人认为,以前从事RIA应用的Java开发者可以开始学习Flex,掌握Flex,可能是一个比较好的选择。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询