运行第一个flex程序(2)
2007-11-16 15:54
274 查看
接下来,开始编写程序。添加以下内容:一个Label组件和一个Button组件,再给Button添加点击事件,点击按钮后,修改Label组件的显示文字。
切换到设计视图模式,在组件面板中,分别选择Controls类别下的Button和Label控件,如图2.12所示,拖放到编辑区。
在Button组件上双击鼠标,编辑按钮的显示文本,修改文本为“Click me”。使用同样的方式,再修改Label组件的显示文字为“这是点击前的文字”。接着,依次点选两个组件,在属性面板中,命名为“btn”和“tip_txt”,并将Label组件的字体设置为12,如图2.13所示。
[align=center]图2.12 图2.13[/align]
然后切换到代码视图模式,这时候程序代码如图2.14所示。可以看到有两个组件以<mx:* />的形式出现在代码里,它们的位置和属性也被包括在标记中。
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Button id="btn" x="51" y="107" label="Click me"/>
<mx:Label id="tip_txt" x="182" y="109" text="这是点击前的文字"fontSize="12" width="136"/>
</mx:Application>
[align=center]图2.14[/align]
如果你熟悉XML语法,就会发现这是一个标准的XML文件,只不过文件后缀名是“mxml”。
下面我们给按钮添加代码来处理点击事件。在使用键盘输入代码时,光标处出现跟进的代码提示,如图2.15所示。
[align=center]图2.15[/align]
在弹出的代码提示框中,列出了Button组件以字母C开头的所有属性和方法。随着键盘的动作,代码提示框也会自动进行筛选。选择其中的“click”方法,最后的代码如下:
<mx:Button id="btn" x ="51" y="107" label="Click me" click="tip_txt.text='这是点击后的文字'"/>
click表示侦听鼠标的点击事件。当点击按钮时,click内的代码就会被执行,也就是改变tip_txt对象的显示文字。注意,程序是根据id来识别对象的。一个组件中的每个对象的id属性都是唯一的,是程序操作的入口。
切换到设计视图模式,在组件面板中,分别选择Controls类别下的Button和Label控件,如图2.12所示,拖放到编辑区。
在Button组件上双击鼠标,编辑按钮的显示文本,修改文本为“Click me”。使用同样的方式,再修改Label组件的显示文字为“这是点击前的文字”。接着,依次点选两个组件,在属性面板中,命名为“btn”和“tip_txt”,并将Label组件的字体设置为12,如图2.13所示。
[align=center]图2.12 图2.13[/align]
然后切换到代码视图模式,这时候程序代码如图2.14所示。可以看到有两个组件以<mx:* />的形式出现在代码里,它们的位置和属性也被包括在标记中。
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Button id="btn" x="51" y="107" label="Click me"/>
<mx:Label id="tip_txt" x="182" y="109" text="这是点击前的文字"fontSize="12" width="136"/>
</mx:Application>
[align=center]图2.14[/align]
如果你熟悉XML语法,就会发现这是一个标准的XML文件,只不过文件后缀名是“mxml”。
下面我们给按钮添加代码来处理点击事件。在使用键盘输入代码时,光标处出现跟进的代码提示,如图2.15所示。
[align=center]图2.15[/align]
在弹出的代码提示框中,列出了Button组件以字母C开头的所有属性和方法。随着键盘的动作,代码提示框也会自动进行筛选。选择其中的“click”方法,最后的代码如下:
<mx:Button id="btn" x ="51" y="107" label="Click me" click="tip_txt.text='这是点击后的文字'"/>
click表示侦听鼠标的点击事件。当点击按钮时,click内的代码就会被执行,也就是改变tip_txt对象的显示文字。注意,程序是根据id来识别对象的。一个组件中的每个对象的id属性都是唯一的,是程序操作的入口。
相关文章推荐
- 运行第一个flex程序(3)
- 运行第一个flex程序(1)
- 3. 编写的第一个android HelloWorld程序如何在手机上面调试运行
- 运行第一个spark程序
- 使用Keil MDK运行第一个STM32程序
- 运行第一个hadoop程序
- Arduino可穿戴教程之第一个程序——上传运行程序(四)
- 运行第一个React Native程序
- 【学习ARToolkit小记之初】 ARToolkit在VS2010(Win7 64位)下的配置及第一个开发程序的编译与运行
- NDK-JNI实战教程(一) 在Android Studio运行第一个NDK程序
- 如何在VS Code 中运行、调试你的第一个Angular2程序
- Ubuntu下编译第一个C程序的成功运行
- 在桌面红旗6上编写并运行第一个驱动设备程序
- 我在altera15下的第一个基于qsys的 nios2程序运行成功了
- 学习DirectFB之:编译运行第一个DirectFB程序
- Hibernate的基础---导包,配置XML文件,运行第一个程序
- Ubuntu 12.04安装Go语言运行环境,第一个程序Hello world
- 在tensorflow+VGG运行的第一个程序
- esp32运行的第一个程序(串口回环测试)
- 配置openGL并且运行第一个程序