Flex应用开发由浅入深系列1
刚安装完FLEX3.0 beta2,运行起来界面如下:
1)先创建一个Flex Project
按着向导一步一步做就可以了。
2)开始设计GUI
其界面如下:
3)加上动态绑定
1)先创建一个Flex Project
按着向导一步一步做就可以了。
2)开始设计GUI
1 <?xml version="1.0" encoding="utf-8"?>
2
3 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" layout="absolute">
4 <mx:TextInput width="136" id="src" text="Hello world!" x="184" y="24"/>
5 <mx:TextInput id="dest" height="22" width="136" x="184" y="132"/>
6 <mx:Button label="Copy" id="copy" click="dest.text=src.text" x="184" y="77"/>
7 </mx:Application>
8
这是最简单的Mxml代码,就是实现将scr的文本copy至dest中。2
3 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" layout="absolute">
4 <mx:TextInput width="136" id="src" text="Hello world!" x="184" y="24"/>
5 <mx:TextInput id="dest" height="22" width="136" x="184" y="132"/>
6 <mx:Button label="Copy" id="copy" click="dest.text=src.text" x="184" y="77"/>
7 </mx:Application>
8
其界面如下:
3)加上动态绑定
1 <?xml version="1.0" encoding="utf-8"?>
2
3 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" layout="absolute">
4 <mx:Model id="bean">
5 <data>
6 <text>{dest.text}</text>
7 </data>
8 </mx:Model>
9 <mx:TextInput width="136" id="src" text="Hello world!" x="184" y="24"/>
10 <mx:TextInput id="dest" height="22" width="136" x="184" y="132"/>
11 <mx:Button label="Copy" id="copy" click="dest.text=src.text" x="184" y="77"/>
12 <mx:Box autoLayout="true" x="184" y="183">
13 <mx:Label text="Binding dest:" x="135" y="169">
14 </mx:Label>
15 <mx:TextInput id="bindText" text="{bean.text}" width="138"/>
16 </mx:Box>
17
18 </mx:Application>
19
到目前就可以思考将View 和Model分离了,下次学完在发上来。2
3 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" layout="absolute">
4 <mx:Model id="bean">
5 <data>
6 <text>{dest.text}</text>
7 </data>
8 </mx:Model>
9 <mx:TextInput width="136" id="src" text="Hello world!" x="184" y="24"/>
10 <mx:TextInput id="dest" height="22" width="136" x="184" y="132"/>
11 <mx:Button label="Copy" id="copy" click="dest.text=src.text" x="184" y="77"/>
12 <mx:Box autoLayout="true" x="184" y="183">
13 <mx:Label text="Binding dest:" x="135" y="169">
14 </mx:Label>
15 <mx:TextInput id="bindText" text="{bean.text}" width="138"/>
16 </mx:Box>
17
18 </mx:Application>
19
分类:
RIA 开发
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· 【译】.NET 升级助手现在支持升级到集中式包管理
· 开发者新选择:用DeepSeek实现Cursor级智能编程的免费方案
· 独立开发经验谈:如何通过 Docker 让潜在客户快速体验你的系统
· 并发编程 - 线程同步(二)
2006-06-30 从执行力到执行文化
2006-06-30 备战IT咨询服务