`

Flex学习笔记_03 Hello Flex

阅读更多
1. 可创建项目类型
可通过Flex Builder 2.0创建下面3种类型的项目:
    Flex 2 项目 :基于Flex Framework;
    AS 3.0 项目 :创建ActionScript 3.0 ,使用AS动态绘制界面等。
    Flex 库项目 :创建自己的库文件,将Flex组件或者其他资源封装在一起,形成一个SWC文件,Flex Framework就被封装为一个SWC文件。可在任何地方使用。
2. 创建Flex项目 Flex Project
选择菜单:File->New->Flex Project
 
    http://enboga.iteye.com/upload/picture/pic/16227/faaf2161-9ca7-382b-9bbd-96899773a8eb.jpg
 
Flex 有3种类型
    Basic :一般配置,适用于以HTTP或者Web Service等进行数据传送。
    ColdFusion Flash Romoting Service :专用于和ColdFusion 服务端进行Flash Remoting方式的通信。
    Flex Data Services :用于FDS通信。FDS是Flex 2系列中的一个服务器端产品,提供了对Java对象的直接访问、实时通信等功能。
 
这里我们选择第一中类型
 http://enboga.iteye.com/upload/picture/pic/16225/ef601bcc-bb96-353c-b1dd-83f6cc9bf603.jpg
 
输入项目的名称 Project name和存放的路径 Folder
 
配置程序的一些源代码和运行库环境。默认,不用修改,点击Finish,完成创建
 
等待Builder自动生成所有的基本文件(主程序文件、项目的库文件配置、HTML页面模板等),这时在左侧的导航式视图中,可以看到所有项目的文件结构:
 
bin: 用来存放程序编译后输出的SWF和HTML等一系列文件。XML文件、图片、样式表等其他资源也放在这里。
html-template:生成HTML页面的文件模板,包括检测用户浏览器插件版本的JS脚本和自动下载最新插件的SWF文件。
HelloFlex.mxml :项目的主程序文件。
 
3. 插入组件和代码
却换到视图模式,在组件面板中分别把Button和Label拖入到编辑区。却换到代码模式。
 
完整代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 
 <mx:Script>
  <![CDATA[
   internal function doClick():void{
    tip_txt.text='欢迎来到RIA的世界--开始Flex之旅';
   }
  ]]>
 </mx:Script>
 
 <mx:Button x="41" y="90" label="Hello Flex" click="doClick()"/>
 <mx:Label id="tip_txt" x="41" y="41" text="你好,Flex" fontSize="12"/> 
</mx:Application>
mxml文件是一个标准的XML文件,只不过是以mxml为扩展名。
mx: 为flex的命名空间,以后出现的标签不能以mx为命名空间。
<mx:Application> 为程序的根标签。代表一个应用程序。一般对于应用程序的设置在这个标签下。其他标签包含在里面。更多关于Application下次再介绍。
<mx:Script> 包含在里面的代码是AS脚本,<![CDATA[]]>为XML标准输出,就是不管里面的代码是什么就输出什么,可以避免<、>、&等跟XML解析时冲突。
<mx:Button> 定义一个按钮,并绑定了click事件,触发AS定义的doClick方法
<mx:Label> 定义了标签
 
4. 编译和运行程序
点击工具栏的运行图标,开始编译。如果程序有错误,将中止编译,并在错误面板中列出错误信息。否则编译结束后将自动打开浏览器,来显示程序。点击上面的按钮标签显示的文字变化。
trace('字符串'); 调试模式在控制台输出。
分享到:
评论
3 楼 liyan2008_2009 2009-02-06  
很好,谢谢啊
2 楼 jsnjlc 2008-08-28  
longleg 写道
应该写点如何不使用IDE,用命令行如何编译。毕竟有很多人只是想简单试试技术,而不去下载IDE工具。谢谢楼主。

1.在您喜爱的文本编辑器 (如, 记事本) 中创建一个新文件并将它另存为 HelloFlex.mxml。
2.从前面的示例中将代码输入到 HelloFlex.mxml 中并保存您的文件。
3.通过选择“开始”>“所有程序”>“附件”>“命令提示符”, 打开命令窗口。
4.将您的当前目录更改为包含您在步骤 1 中保存的 Flex 应用程序的文件夹。
5.键入下面的命令来调用 Flex 编译器: mxmlc --strict=true --file-specs HelloFlex.mxml以双短划线开头的命令字符串中的项目被称为编译器选项, 它们被用于定义 Flex 编译器的行为。 在前面的示例中, 您将 --strict 选项设置为 true 以强制编译器进入 Strict 模式。 在 Strict 模式下, 编译器对您的代码具有较高的期望。 例如, 它期望您以静态方式键入变量。 您使用 --file-specs 选项来指定被编译的 MXML 文件。
6.在 Windows 资源管理器中双击 SWF 文件或在命令行中输入其名称, 在独立的 Adobe Flash Player 9 中打开它。
1 楼 longleg 2008-08-19  
应该写点如何不使用IDE,用命令行如何编译。毕竟有很多人只是想简单试试技术,而不去下载IDE工具。谢谢楼主。

相关推荐

    Flex学习笔记_09 数据绑定_概念、使用 - Java&Flex - JavaEye技术网站

    Flex学习笔记_09 数据绑定_概念、使用 - Java&Flex - JavaEye技术网站 希望对爱好有帮助!!

    flex,怎么学习flex,Flex_3_Cookbook_中文版

    学习了一段时间的flex... 上传点资源,大家分享。 flex,怎么学习flex,Flex_3_Cookbook_中文版

    dh.rar_flex cool me_flex menu skin_flex 导航_flex4 menu_flex4 menu

    这个"dh.rar_flex cool me_flex menu skin_flex 导航_flex4 menu_flex4 menu"的压缩包文件,显然是与Flex4相关的资源,特别是关于创建酷炫的菜单导航和皮肤设计。 在Flex4中,菜单(Menu)是一种常见的用户界面元素...

    flex_cairngorm_Mvc_HelloWorld

    通过这个“HelloWorld”项目,开发者可以学习如何定义命令、创建Cairngorm事件、设置服务定位器,以及如何在Flex UI中使用Cairngorm模型和控制器。它通常会展示一个简单的交互过程,例如点击按钮后显示一条欢迎消息...

    amcharts_flex_components_1.8.3.3

    《深入解析amcharts_flex_components_1.8.3.3:打造卓越的Flex图表体验》 在IT行业中,数据可视化...在深入学习和实践中,开发者可以不断探索amCharts_flex_components的潜力,为各类项目带来更出色的数据展现效果。

    flex3-cn-api..zip_flex_flex 3 api_flex3 api_flex3 a_flex3 api

    在“flex3-cn-api..zip_flex_flex 3 api_flex3 api_flex3 a_flex3 api”这个压缩包中,包含了Flex 3 API的中文文档,这对于Flex开发者来说是一个非常宝贵的资源。文档名为“Flex3拞暥API..chm”,其中的“拞暥”可能...

    flex_php_mysql.rar_flex_flex_php_mysql_php mysql_php+mysql_php增删

    标题中的"flex_php_mysql.rar_flex_flex_php_mysql_php+mysql_php增删查改"表明这是一个关于使用Flex作为前端、PHP作为服务器端脚本语言、MySQL作为后台数据库进行数据操作的项目。这个项目的重点在于实现基本的CRUD...

    amcharts_flex_components_1.8.1.3

    "amcharts_flex_components_1.8.1.3" 是一个针对Adobe Flex开发者的重要工具包,主要用于创建交互式和视觉吸引人的数据可视化应用。这个版本1.8.1.3是amCharts Flex组件的一个更新,它提供了一系列的组件和功能,...

    Oracle ERP_EBS常用表表名

    * fnd_id_flex_segments where id_flex_code=""GL#"" and id_flex_num=50671 * fnd_profile_options_vl * fnd_concurrent_programs 法度表 * fnd_concurrent_requests 恳求表 * fnd_concurrent_processes 过程表 --...

    amcharts_flex_components_1.8.3.4

    尽管amcharts_flex不再更新,开发者仍可以从官方文档、社区论坛和在线教程中获取大量的学习资料。此外,源代码的开源性质允许开发者深入了解其实现机制,进行必要的定制和优化。 总之,amcharts_flex_components_...

    Flex学习PPT_wildh

    本资料“Flex学习PPT_wildh”显然是一个针对初学者的教程,旨在帮助用户快速入门Flex编程。下面我们将深入探讨Flex的基本概念、核心组件、开发环境以及其在RIA开发中的应用。 1. **Flex概述**:Flex是一种基于XML的...

    EmployeeManager.zip_LCDS Flex_flex_flex LC_flex lcds

    本文将以"EmployeeManager.zip_LCDS Flex_flex_flex LC_flex lcds"为例,深入探讨Flex与LCDS在构建基于RIA的应用程序时的关键知识点。 标题"EmployeeManager.zip"暗示这是一个关于员工管理的项目,而"LCDS Flex"则...

    flex_fck_editor 例子

    《深入解析Flex_FCK_Editor整合应用实例》 在当今的Web开发中,富文本编辑器已经成为不可或缺的一部分,它使得用户能够方便地在网页上进行文本编辑、格式化以及插入多媒体内容。Flex_FCK_Editor是一款基于Adobe ...

    arcgis_api_for_flex_3_5.zip_arcgis flex api 3.5_flex_flex viewer

    这个压缩包文件“arcgis_api_for_flex_3_5.zip”包含了ArcGIS Viewer for Flex 3.5的源码,是学习和开发基于Flex的GIS应用的重要资源。 ArcGIS Viewer for Flex 是一个强大的地图浏览和分析工具,它预设了多种地图...

    map_flex_1_9

    map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9map_flex_1_9

    MAPABC_FLEX_API_WEB_V2.4

    MAPABC_FLEX_API_WEB_V2.4

    Flex_3_with_Java Flex_3_with_Java

    ### Flex 3 与 Java 的集成开发 #### 知识点概述 1. **Flex 3 的介绍** 2. **ActionScript 3.0 的应用** 3. **Java 后端服务集成** 4. **BlazeDS 的作用及配置** 5. **构建富互联网应用程序(RIA)** 6. **Satish ...

    flex+php.rar_Flex+PHP_PHP Flex_felx p_flex_flex php

    在"flex+php.rar_Flex+PHP_PHP Flex_felx p_flex_php"这个压缩包中,我们可以看到两个关键文件:"www.pudn.com.txt"和"rest_with_database"。这可能代表了两种不同的交互方式:通过Web服务和数据库操作。 1. **Flex...

    ArcGIS_Flex.rar_ArcGIS flex_ArcGIS_Flex_NavigationSkin.mxml_arc

    4. `arcgis_fl`与`arcgis_flex` 这两个标签可能是指ArcGIS与Flex的结合,`arcgis_fl`可能是一个简写或缩写,代表ArcGIS在Flex环境下的应用开发。它们强调了GIS功能与Flex编程的融合,为开发者提供了灵活、可扩展的...

    flex学习笔记 flex学习总结 flex学习教程

    本教程是作者精心编写的Flex学习资料,适合初学者入门,通过图文并茂的方式,帮助读者快速掌握Flex的基本概念和核心技能。 1. **Flex基础**:Flex提供了MXML和ActionScript两种编程方式。MXML是一种声明式语言,...

Global site tag (gtag.js) - Google Analytics