`
harry9888
  • 浏览: 67511 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
文章分类
社区版块
存档分类
最新评论

Adobe Flex 2 快速入门(一)

阅读更多

Adobe Flex 2 是一个跨平台的开发框架用于创建rich Internet applications (RIAs)。Flex允许你创建表现力丰富的高性能应用,它们可以运行在所有主流浏览器和操作系统上。

创建flex应用需要使用Adobe Flex Builder开发工具,这一工具基于Eclipse平台实现,Flex Builder可以独立运行,也可以作为Eclipse的插件使用。在得到这一工具的同时,我们就得到了Flex SDK,这一SDK也可以从网上免费下载得到。

第一步:创建一个项目
Start Flex Builder and select File > New > Flex Project from the main menu.
If you have the plug-in version of Flex Builder and you have a non-Flex-Builder
perspective open in Eclipse, select New > Other > Flex > Flex Project.
新项目向导被启动

选择数据服务方式,取决于服务端的配置,选择标准的XML。

输入项目名称、保存目录

完成项目创建。

 

在开始运行项目前,我们可以化两分钟游历一下Flex Builder的工作空间。

在开始运行前,确定Project菜单下的Build Automatically被选中。

保存文件后,点击RUN按钮,你能看到一个浏览器窗口被打开,你的flex应用就在其中运行。在你点击运行按钮后,首先应用文件中的XML标签被翻译成ActionScript,ActionScript被创建成SWF文件,SWF就可以在flash播放器中播放了。

现在关闭浏览器,返回Flex Builder

加入一个 <mx:label>放置在<mx:application> 标签中,我们可以使用工具的提示来完成这一标签。
<mx:label text="My first Flex application"></mx:label></mx:application></mx:label>

<mx:application>标签默认包含下列属性:</mx:application>

backgroundImage
 由 fillAlphas 和 fillColors 属性决定
 
fillAlphas
 [1.0,1.0]
 
fillColors
 [0x9CB0BA,0x68808C]
 
backgroundSize
 100%
 
paddingTop
 24 pixels
 
paddingLeft
 24 pixels
 
paddingBottom
 24 pixels
 
paddingRight
 24 pixels
 
horizontalAlign
 Centered

如果你不想使用这些默认的设置,只是想用最简单的表现,可以在mx:Application标签中使用属性styleName="plain"。

 

<mx:application class="docEmphStrong" layout="vertical" xmlns:mx="http://www.adobe.com/2006/mxml">styleName="plain"/>
</mx:application>
对于样式设置为plain,对应的属性值为:
backgroundImage
 None
 
backgroundColor
 White
 
paddingTop
 0 pixels
 
paddingLeft
 0 pixels
 
paddingBottom
 0 pixels
 
paddingRight
 0 pixels
 
horizontalAlign
 Left
 

改变text属性的值显示文本的内容。

Flex Builder提供了一个非常重要的功能,右击编辑器,从弹出菜单中选择 Replace With > Local History,一个大对话框出现。
Flex Builder提供了一个版本控制工具,帮助我们与前一次编辑比较或恢复到前一版本。

  • 大小: 260.6 KB
分享到:
评论

相关推荐

    Flex4中文快速入门

    Flex4,全称为Adobe Flex 4,是Adobe公司推出的一款用于构建富互联网应用程序(Rich Internet Applications,RIAs)的框架,主要基于ActionScript和MXML。这个框架在2010年发布,提供了更为强大的图形渲染能力,以及...

    FLEX简单的入门快速总结

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的框架,主要基于ActionScript和MXML。本篇文章将深入探讨Flex的基本概念、数据绑定、HTTPService的使用以及创建自定义事件,这些都是Flex入门阶段需要...

    flex4.0快速入门

    本快速入门教程是业界专家的智慧结晶,旨在帮助初学者迅速掌握Flex 4.0的核心概念和技术。 1. **Flex SDK与Flash Builder 4**:Flex 4.0的开发环境主要依赖于Adobe Flash Builder 4,这是一个集成开发环境(IDE),...

    Flex 的 Adobe AIR快速入门

    ### Flex的Adobe AIR快速入门知识点解析 #### 一、处理文件和数据 1. **构建目录搜索应用程序** - **异步读取文件**: 在构建目录搜索应用程序时,使用`getDirectoryListingAsync()`方法来异步获取目录列表,这样...

    Adobe Flex Quick Starts Adobe Flex Quick Starts

    Adobe Flex 快速入门指南是针对开发者学习和掌握Adobe Flex技术的一系列教程资源。Adobe Flex是一种开源框架,用于构建富互联网应用程序(Rich Internet Applications,RIAs),它允许开发者使用MXML和ActionScript...

    Flex教程大全 flex快速入门

    本文旨在为初学者提供一个全面的Flex入门指南。 #### 二、MXML基础 MXML是一种用于构建Flex应用程序用户界面的语言。它基于XML标准,使得开发者可以通过简单的标签语法来构建复杂的UI组件。 ##### 1. MXML的基本...

    Flex Blazeds入门教程

    1. **Flex**:Adobe Flex是一个用于构建和部署富互联网应用程序(RIA)的软件框架,能够创建跨平台的桌面和移动设备应用程序。Flex使用MXML和ActionScript编程语言,能够与多种后端技术无缝集成。 2. **LCDS ...

    flex3.0快速入门资料

    ### Flex 3.0 快速入门知识点概览 #### 一、Flex 3.0 简介 - **Flex** 是一款由Adobe推出的开源框架,用于构建高性能且具有丰富交互体验的应用程序。Flex 3.0 版本进一步提升了性能,并增加了更多功能。 #### 二...

    adobe flex例程源码

    在本压缩包“adobe—Flex源码”中,包含了Adobe Flex的入门例程源码,这对于初学者来说是一份极好的学习资源。 1. **MXML**: MXML是Flex的主要标记语言,类似于HTML,但专门设计用于创建用户界面。通过MXML,你可以...

    Flex快速入门资料

    Flex是Adobe公司开发的一种用于构建富互联网应用...通过这个“Flex快速入门资料”,新手可以系统地学习并实践Flex开发,逐步成为一名熟练的Flex开发者。记得理论学习和实践操作相结合,才能更好地理解和掌握这项技术。

    flex blazeds的入门例子

    Flex BlazDS是一个强大的数据集成框架,用于在Adobe Flex客户端和Java服务器之间建立实时的双向通信。这个入门例子是针对初学者设计的,旨在展示如何使用Flex与BlazDS进行基本的数据交换。在这个实例中,我们关注的...

    Flex快速入门教教程

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的开放源代码框架,它主要基于ActionScript和MXML。这个“Flex快速入门教程”显然旨在帮助初学者快速掌握Flex的基本概念和开发技能。 Flex的核心是Flex ...

    flex快速入门 译自Flex 官方文档

    Flex是Adobe公司开发的一种用于构建富互联网应用(RIA,Rich Internet Applications)的开源框架,它主要基于ActionScript和Flash Player或Adobe AIR运行环境。本文将深入讲解Flex的基础知识,帮助初学者快速入门。 ...

    Adobe Flex Quick Starts(中文)

    Adobe Flex 快速入门指南(中文版)是针对想要学习和掌握Adobe Flex技术的开发者们的一份宝贵资源。Flex是一种开源框架,主要用于构建富互联网应用程序(Rich Internet Applications, RIA),它基于ActionScript编程...

    flex快速入门“flex3_quickstart”

    本文旨在为初学者提供一个全面的Flex3快速入门指南,涵盖从基础编码到高级用户界面构建的关键知识点。 ### 一、使用MXML和ActionScript进行编码 #### MXML:用户界面布局的XML语言 MXML(Flex Markup Language)...

Global site tag (gtag.js) - Google Analytics