跟我StepByStep学FLEX教程------Hello World
说明:该文系作者原创,请勿商用或者用于论文发表,转载必须经作者同意并且注明出处。
这一讲必须的:)
这儿不过多解释语法或者原理啥的,仅仅是做一个最简单的Hello World Demo,目的就是让读者尽快建立兴趣,及早动手,有信心学习FLEX:)
下边就开始了:
New Project,如下:
工程命名:
这儿说明一点Application Type使用默认的Web Application,另一种Desktop Application,是运行在Adobe公司AIR产品的桌面应用,大家可以在网络上了解一下,这儿所讲的FLEX就是Web应用。
完成New Project后,出现如下界面:
点击Design,出现如下界面:
哈哈,是不是觉得可视化了
然后直接选择如下界面的label放到背景板上
或者直接在Source编写MXML脚本:
效果如下:
字体12以上中文才看得清晰一点:
可以调整字体的颜色大小以及背景色(可以渐变):
可以使用以下两种方式运行编写的程序:
运行效果如下:
实际效果比图片好看很多,是不是很cool!因为转换为JPG格式文件,损失掉很多色彩,您可以自己编写运行一下就知道了。
是不是很简单呢?呵呵
记住一点哦,你的客户端一定要安装Adobe Flash Player 9 or 10,否则就显示不了:)
这一讲仅仅只是告诉你怎么去编写,没有具体讲解,目的是让您尽快动手,尽快建立起兴趣。
这个DEMO,只是界面的展示,没有数据交互什么的,在以后几讲中暂时也都是以页面为主来讲解MXML以及ActionScript的语法。
有这些基础了,再讲那些有数据交互的真正应用程序,呵呵,Step By Step
- 大小: 49.2 KB
- 大小: 53.2 KB
- 大小: 22.9 KB
- 大小: 74.4 KB
- 大小: 17.4 KB
- 大小: 21.7 KB
- 大小: 55 KB
- 大小: 4.7 KB
- 大小: 2.7 KB
- 大小: 45.3 KB
- 大小: 31.8 KB
- 大小: 42.1 KB
- 大小: 51.4 KB
分享到:
相关推荐
HelloWorld示例 - **MXML代码结构**:通过创建一个简单的MXML文件,实现基本的用户界面布局。 - **运行应用**:在Flex Builder中编译并运行该应用,理解MXML和ActionScript的基本交互。 #### 4. 可视化页面组件 ...
3. HelloWorld示例:作为学习编程语言或框架的标准入门程序,HelloWorld展示了如何创建一个最简单的Flex应用程序,通常是让文本“Hello, World!”显示在屏幕上。 4. 可视化页面组件:Flex框架提供了一系列预制的UI...
根据给定的信息,我们可以将《跟我StepByStep学FLEX》这本教程的主要知识点概括如下: ### FLEX基础 #### 概述 - **FLEX介绍**:FLEX是一种用于构建跨平台桌面应用程序和移动设备应用程序的技术。它结合了HTML、...
- **Hello World程序**:通过一个简单的“Hello World”示例介绍如何使用Flex创建基本的应用程序。 - **可视化页面组件**:详细探讨了Flex中的各种用户界面(UI)组件,如按钮、文本框等,并教授如何布局这些组件以...
《跟我StepByStep学FLEX教程》是由王一松编写的,旨在通过一系列深入浅出的示例,帮助读者从零开始掌握Flex的各项技术要点,从而能够独立开发出功能丰富、交互流畅的应用程序。 一、Flex入门与环境搭建 在《跟我...
王一松的教程《跟我StepByStep学FLEX教程》全面地介绍了Flex的基础到高级应用。 - **学习路径**:该教程分为多个章节,从基础概念、环境搭建到实际项目的实现,为初学者提供了一条清晰的学习路径。 #### 2. Flex...