这篇文章主要为大家展示了“如何使用Flex组件开发”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用Flex组件开发”这篇文章吧。
使用Flex组件开发
在Flex应用程序中ActionScript的最主要的用处大概就是使用可视化的控件和容器来开发了。Flex提供了几种技术来完成这样工作,包括了用ActionScript引用Flex控件以及操控控件和容器的实例的属性。
引用Flex组件
为了在ActionScript中使用组件,我们一般要在MXML标签中给组件定义一个id属性。例如,下面的代码中,我们设置了Button控件的id属性为”myButton”:
<mx:Buttonidmx:Buttonid="myButton"label="ClickMe"/>
如果你并不像通过使用ActionScript来操控这个组件,那么这个属性是可有可无的。
这段代码使得MXML编译器自动生成一个包含了Button实例的引用的名字为myButton的公共变量。你可以在ActionScript中通过使用这个自动生成的变量来操控Flex组件。你可以在任意的ActionScript类或代码块中通过组件的id来明确的引用Button控件的实例。通过引用组件的实例,你可以修改组件的属性并且调用组件的方法。
例如,下面的ActionScript代码块中,当用户点击了按钮的时候,程序就会改变Button控件的label属性的值:
<?xmlversionxmlversion="1.0"?> <!--usingas/ButtonExample.mxml--> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script><![CDATA[ privatefunctionsetLabel():void{ if(myButton.label=="ClickMe"){ myButton.label="Clicked"; }else{ myButton.label="ClickMe"; } } ]]></mx:Script> <mx:Buttonidmx:Buttonid="myButton"label="ClickMe"click="setLabel();"/> </mx:Application>
所有的MXML组件的id属性,无论它们嵌套的有多深,生成的都是已经定义好的组件的公共变量。因此,在文档中所有的id属性必须是***的。这也意味着,如果你指定了组件实例的id属性,你就可以在程序的任意地方来操控组件:函数,外部的类文件,导入的ActionScript文件,或者内嵌代码。
◆如果Flex组件并没有id属性,你可以通过使用组件的容器的一些方法来引用该组件。比如getChildAt()和getChildByName()方法。
你可以参照目前内附文件或者当前对象来使用这样的关键字。
你也可以通过使用跟组件名称一样的字符来引用组件。要在程序中使用对象,你可以通过使用方括号,方括号内存放的就是跟组件名称一样的字符串。这样你就得到了该对象的引用。
下面的例子中,通过使用字符串来获取对象的引用,然后改变每个Button控件的样式:
<?xmlversionxmlversion="1.0"?> <!--usingas/FlexComponents.mxml--> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script><![CDATA[ privatevarnewFontStyle:String; privatevarnewFontSize:int; publicfunctionchangeLabel(s:String):void{ s="myButton"+s; if(this[s].getStyle("fontStyle")=="normal"){ newFontStyle="italic"; newFontSize=18; }else{ newFontStyle="normal"; newFontSize=10; } this[s].setStyle("fontStyle",newFontStyle); this[s].setStyle("fontSize",newFontSize); } ]]></mx:Script> <mx:Buttonidmx:Buttonid="myButton1" click="changeLabel('2')" label="ChangeOtherButton'sStyles" /> <mx:Buttonidmx:Buttonid="myButton2" click="changeLabel('1')" label="ChangeOtherButton'sStyles" /> </mx:Application>
以上是“如何使用Flex组件开发”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/209018.html