运行第一个flex程序(2)
来源:互联网 发布:程序员到底要学什么 编辑:程序博客网 时间:2024/06/03 19:18
接下来,开始编写程序。添加以下内容:一个Label组件和一个Button组件,再给Button添加点击事件,点击按钮后,修改Label组件的显示文字。
切换到设计视图模式,在组件面板中,分别选择Controls类别下的Button和Label控件,如图2.12所示,拖放到编辑区。
在Button组件上双击鼠标,编辑按钮的显示文本,修改文本为“Click me”。使用同样的方式,再修改Label组件的显示文字为“这是点击前的文字”。接着,依次点选两个组件,在属性面板中,命名为“btn”和“tip_txt”,并将Label组件的字体设置为12,如图2.13所示。
图2.12 图2.13
然后切换到代码视图模式,这时候程序代码如图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>
图2.14
如果你熟悉XML语法,就会发现这是一个标准的XML文件,只不过文件后缀名是“mxml”。
下面我们给按钮添加代码来处理点击事件。在使用键盘输入代码时,光标处出现跟进的代码提示,如图2.15所示。
图2.15
在弹出的代码提示框中,列出了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程序(2)
- 运行第一个flex程序(1)
- 运行第一个flex程序(3)
- Flex学习笔记2——第一个Flex程序
- O_board-2-运行第一个裸机程序
- 运行第一个hadoop程序
- 运行第一个spark程序
- 运行第一个python程序
- 第一个Flex 的程序出炉了
- CUDA小记(2)运行第一个CUDA程序
- 第一个JMS程序该怎么运行
- OpenCV 第一个运行的程序
- 运行的第一个android程序
- 编译运行第一个DirectFB程序
- Android的第一个程序运行
- 运行第一个mapreduce 程序 通过控制台
- Qt:运行第一个Qt程序
- 编译运行第一个linux c++程序
- MyEclipse 6.0.1 注册码
- Eclipse RCP入门
- 怎么样把自己录的声音,弄到matlab处理http://www.chinavib.com/forum/thread-52245-1-1.html
- 在C#中使用代理的方式触发事件
- 指针常量、常量指针和常量指针常量
- 运行第一个flex程序(2)
- matlab图形与声音http://www.image2003.com/book/open.asp?ID=2358
- 关于查找 “选修了全部课程的学生姓名”题目的理解--嘟嘟胖
- FF下高度自适应方法
- Linux下默认的宏测试
- SQL精华收集
- 运行第一个flex程序(3)
- 又是劳累的一天
- C++指向类成员的指针的使用(详细介绍)