`

Flex系列教程——flex的下载与安装

    博客分类:
  • Flex
阅读更多
首先需要说明几个问题,
1.flex的最新版本是flex4,是adobe公司最近才发布的,我的这套教程是基于flex3版本
2.flex的安装程序分为两种,一种是独立安装的版本,另外一种是基于eclipse的插件版
3.flex 的一种技术,它的开发环境叫做 flex builder(有偿使用)
4.请确保你的机器上已经正确安装jdk1.5版本以上,以及eclipse

Flex插件,下载地址:http://trials.adobe.com/Applications/Flex/FlexBuilder/3/FB3_WWEJ_Plugin.exe

下面我来介绍一下如何安装flex插件到我们的eclipse上

1) 运行FB3_WWEJ_Plugin.exe,除了下面两个步骤以外全部采用默认配置。
2)    

        这一步需要注意,要选择我们本机安装eclipse的位置,或者选择myeclipse 下的eclipse。一定要正确,否则不能进行下一步。
3)

        这一步,打钩的两个选项表示安装flash支持到我们的ie浏览器和火狐浏览器,建议安装
4) 安装完毕后,打开你FlexBuilder插件安装的文件夹,将里面的features和plugins两个文件夹内的文件对应复制到“eclipse”文件夹里的features和plugins两文件夹,然后将FlexBuilder插件安装的文件夹中的sdks放入到MyEcipse6.0下的eclipse文件夹下。



如果一切顺利,我们的flex插件就安装成功了。打开eclipse在如下位置选择Flex Development


点击File菜单 应该有如下显示



到此,我们的flex插件就安装成功了。接下来我们要做一个hello world出来,带大家去看一下flex到底是怎么回事。
首先我们新建一个flex project,名字叫做HelloWorldDemo



直接点finish,稍作等待,这时我们会在导航栏中发现 我们的项目是这个样子的,


好,接下来呢,我们要完成简单的helloworld了。
新建号的工程默认打开了HelloWorldDemo.mxml这个文件,我们输入一行代码,如下所示
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Label text="hello world"  id="txt" fontSize="36" color="#FF0000" x="200" y="200"/>
</mx:Application>


这个代码非常简单,相信有些html基础的人都可以看得懂,一个label标签,他的内容是helloworld 字号36 颜色红色 ,x 、y 表示 这个标签距离这个应用左上角的绝对坐标 这里我选择的是200 200

好了,保存这个应用,点击运行,看一下效果吧。



运行结果如下:


ok,到这里,flex的下载安装,与hello world我们就全部做完了,这可是为以后的学习做的基础工作,希望大家都能够熟练的掌握flex插件的安装与配置。
如果大家在学习的过程中遇到了问题,欢迎在此留言。
同时也欢迎大家前来批评指正我的错误,大家共同进步, 谢谢

  • 大小: 35.4 KB
  • 大小: 47.6 KB
  • 大小: 48.2 KB
  • 大小: 8.1 KB
  • 大小: 39.9 KB
  • 大小: 78 KB
  • 大小: 21.3 KB
  • 大小: 17.8 KB
  • 大小: 44.3 KB
分享到:
评论
3 楼 745719408 2014-10-14  
404,你的地址是404进不去啊
2 楼 chex227 2010-11-11  
zhentmdjiandan
1 楼 axlyoung 2010-07-14  
介绍得很详细,支持!

相关推荐

    Flex教程系列之(四) AS3语法——面对对象编程

    Flex教程系列之(一) AS3语法——编程基础 http://download.csdn.net/source/1161756 Flex教程系列之(二) AS3语法——流程控制语句 http://download.csdn.net/source/1161804 Flex教程系列之(三) AS3语法——控制...

    Flex教程系列之(五) AS3语法——静态常量继承和接口

    Flex教程系列之(一) AS3语法——编程基础 http://download.csdn.net/source/1161756 Flex教程系列之(二) AS3语法——流程控制语句 http://download.csdn.net/source/1161804 Flex教程系列之(三) AS3语法——控制...

    手把手教你学flex教程

    Flex提供了一个强大的设计环境——Flex Builder(现称为Flash Builder),以及一个灵活的编程模型,使用MXML和ActionScript语言来构建用户界面。MXML是用于声明式编程的标记语言,而ActionScript则是面向对象的脚本...

    flex 教程 flex 自学完成手册

    Flex教程——Flex自学完成手册 Flex,全称为Adobe Flex,是一种用于构建富互联网应用程序(RIA,Rich Internet Applications)的开放源代码框架。它主要由Adobe Systems开发,旨在帮助开发者创建具有交互性和动态...

    flex-超好的flex学习资料

    《跟我StepByStep学FLEX教程》是由王一松编写的,旨在通过一系列深入浅出的示例,帮助读者从零开始掌握Flex的各项技术要点,从而能够独立开发出功能丰富、交互流畅的应用程序。 一、Flex入门与环境搭建 在《跟我...

    as-实例教程——相册列表.pdf

    本教程不仅涵盖了如何使用ActionScript 3 SDK与外部API进行交互,还介绍了事件驱动编程、数据绑定和使用Flex UI组件的实践。这些技能对于任何希望利用Flash平台进行开发的IT专业人员来说都是至关重要的。

    flexsdk4.16.0

    4. **Flash Builder**:虽然Flex SDK是免费的命令行工具集,但Adobe也提供了一个集成开发环境(IDE)——Flash Builder,可与SDK配合使用,提供图形化界面和代码编辑器,方便开发过程。 5. **Adobe AIR**:Flex SDK...

    幻想-Flex3基礎視頻教程第二部_教程源碼(c)

    Flex 3包含一个强大的集成开发环境(IDE)——Flex Builder,以及一系列预置的UI组件和数据绑定功能,使得开发工作更为高效。 在本教程中,你将学到: 1. **Flex 3开发环境的设置**:如何安装和配置Flex Builder,...

    Flex3高级图表开发指南.zip

    Flex3包括一个强大的IDE——Flex Builder,以及一系列预定义的UI组件、数据绑定、事件处理和数据服务支持。 二、高级图表组件 在Flex3中,高级图表组件是Adobe的Flash Player内核的一部分,提供了多种类型的图表,...

    Flex3界面布局中文教程--一路风尘制作

    不同于常规组件,Flex3中的控件不会自动对齐或分布,而是需要开发者明确指定布局模式——Absolute模式或constraint-based模式。 **Absolute模式**下,组件的位置由`x`、`y`坐标决定,坐标原点位于Canvas容器的左上...

    Flex4入门必备资料

    4. **Flex Builder**:虽然Flex SDK是命令行工具,但Adobe还提供了一个集成开发环境(IDE)——Flex Builder(现称Adobe Flash Builder),它提供了图形化的界面和强大的代码编辑功能,有助于提高开发效率。...

    flex中文帮助pdf格式

    至于标签“flex”,它明确指出了这个压缩包内容的核心——Flex技术。可能包含的子文件有Flex SDK、Flex Builder(或现在的IntelliJ IDEA、Flash Builder等集成开发环境的配置文件)、示例项目、库文件等,这些都是...

    FLEX4的皮肤制作教程

    ### FLEX4的皮肤制作教程 #### 一、SparkSkin介绍 在Adobe Flex 4 (代号Gumbo)中,为了提高用户界面(UI)的美观度和灵活性,引入了一个非常强大的概念——皮肤(Skin)。皮肤是用于定义控件外观的一系列元素组合,...

    amcharts3D flex帮助文档

    "amcharts3D flex帮助文档"这一标题揭示了我们正在讨论的是一个专注于3D图表渲染的库——amCharts,其专为Adobe Flex开发者设计。Flex是一种用于构建富互联网应用程序(RIA)的开发框架,而amCharts 3D版本则提供了...

    Flex讲座讲义2(pdf)

    - **Flex工具链**:除了Flex SDK之外,还包括一系列辅助工具和服务,例如: - **设计和开发工具**:如Creative Suite 3 和 Flex Builder,提供设计师与开发者之间平滑、高效的工作流程。 - **服务器端技术和云服务...

    flex quick starts

    本篇文章基于Adobe Flex Quick Starts系列教程的中文翻译版本,详细介绍了Flex容器如何自动定位组件,以及如何使用绝对定位和基于约束的布局来灵活控制界面元素的位置。 #### 使用自动定位 对于大多数Flex容器而言...

    Web前端技术项目式教程(HTML5 CSS3 Flex Bootstrap)教案-美化网页.pdf

    【Web前端技术项目式教程——美化网页】 在Web前端开发中,美化网页是提升用户体验、增强网站吸引力的重要步骤。本教程以"Web前端技术项目式教程(HTML5 CSS3 Flex Bootstrap)教案-美化网页.pdf"为主题,旨在通过一...

    编译原理实验指导教程(1).docx

    ### 编译原理实验指导教程知识点解析 #### 一、定义高级语言 在开始学习编译原理之前,首先需要明确的是“定义一个高级语言”的概念。在这个过程中,我们需要定义一个待实现编译器的语言,使用上下文无关文法来...

Global site tag (gtag.js) - Google Analytics