15款非常有用的Adobe Flex教程

曾经终败给现在 2022-10-02 09:56 305阅读 0赞

Adobe Flex是最初由Macromedia公司在2004年3月发布的，基于其专有的Macromedia Flash平台，它是涵盖了支持RIA（Rich Internet Applications）的开发和部署的一系列技术组合。Flex是开发富互联网应用程序（Rich Internet Application，缩写为RIA）的利器，目前已广泛应用于各种商业领域，如电子商务、行政管理，企业业务流程自动化等方面。

下面是本文收集的 15 个很有用的 Flex 教程：

### 1)[ Create a 3D Flickr Photo Gallery with Flex and Away3D][Create a 3D Flickr Photo Gallery with Flex and Away3D] ###

Away3D 是一个使用非常广泛的免费 Flash 3D 引擎，而且他们刚刚发布了一个更轻量级、运行更快的版本—— Away3D Lite。该版本缺失一些非常复杂的3D功能，但可满足一般的应用场景。

[![Flex-Away2323][]][Create a 3D Flickr Photo Gallery with Flex and Away3D]

### 2)[ Simple Flex Drag and Drop][Simple Flex Drag and Drop] ###

本教程通过简单的步骤讲述如何在 Flex 中实现物件的拖放操作。

[![Flex-Drag2323][]][Simple Flex Drag and Drop]

### 3)[ Runtime Button Icons using Flash symbols][Runtime Button Icons using Flash symbols] ###

[![star2323][]][Runtime Button Icons using Flash symbols]

### 4) [Control a Flex Video Application Using Mouse Gestures][] ###

[![GUI2323][]][Control a Flex Video Application Using Mouse Gestures]

### 5)[ Build a Multi-Purpose Contact Form With Flex][Build a Multi-Purpose Contact Form With Flex] ###

在这个教程中，我们使用 Flex Builder 创建一个联系人表单。

[![45656][]][Build a Multi-Purpose Contact Form With Flex]

### 6)[ Installing and Using Google Maps in Flex][Installing and Using Google Maps in Flex] ###

Google 已经发布了 Flash 版本的 Google Maps API，在这个教程中将告诉你如何安装必须的组件并构建一个最基本的地图应用。

[![gmap\_debug4343][gmap_debug4343]][Installing and Using Google Maps in Flex]

### 7) [Retrieving Data From Flickr][] ###

在 Flex 中有很多获取数据的方法，一个最简单、使用最广泛的就是利用 HTTPService 组件，本文解释如何使用该组件从 Flickr 中获取相片。

[![Flex-HTTP-Service3434][]][Retrieving Data From Flickr]

### 8 ) [Adding Dynamic Rows To Flex DataGrid][] ###

在使用 DataGrid 时，经常需要往表格中添加新行，有很多方法可以完成这个功能，例如弹出一个对话框并输入必须的数据后添加到表格；还有是直接在表格中添加，本文将详细讲述这两种方法。

### 9)[ Flex & Degrafa Tic Tac Toe Tutorial Series Introduction][Flex _ Degrafa Tic Tac Toe Tutorial Series Introduction] ###

[![Tic-Tac-Toe-Tutorial-Series54675767][]][Flex _ Degrafa Tic Tac Toe Tutorial Series Introduction]

### 10) [Throw Objects by Creating a PanAndThrow Class][] ###

在这个教程中，我们将创建一个图片浏览器并可进行缩放和衰变处理。

[![Throw-Objects65656][]][Throw Objects by Creating a PanAndThrow Class]

### 11)[ Creating a Digg client with Adobe Flex in 10 steps][Creating a Digg client with Adobe Flex in 10 steps] ###

Digg 是一个很受欢迎的社交网站，本文通过 10 步骤来创建一个 Digg 的 Flex 客户端。

[![Digg-clienty576tyhgfv][]][Creating a Digg client with Adobe Flex in 10 steps]

### 12)[ Using Item Renderers][Using Item Renderers] ###

本文使用 Flex 创建一个很强大的列表，可定制列表和表格的显示内容，包括缩略图、概要信息、评级以及常用操作。

[![Item-Renderers546546][]][Using Item Renderers]

### 13) [Making a custom YouTube player with Flex][] ###

YouTube 提供很多 API 来访问其庞大的视频数据库，但不包括 Flash/Flex 的 API，但这不能阻止第三方的 API 提供，本文介绍如何在 Flex 创建一个定制的 YouTube 播放器。

[![YouTube-player787878][]][Making a custom YouTube player with Flex]

### 14) [Build an XML Driven Contact List Using Flex 3][] ###

本教程的目的是通过从外部 XML 文件来构建一个联系人列表应用。

[![Driven-Contact6757465][]][Build an XML Driven Contact List Using Flex 3]

### 15)[ Flex and Javascript – Simple Interaction][Flex and Javascript _ Simple Interaction] ###

该教程讲述 Flex 和 JavaScript 的相互调用，并提供一个很好的例子演示如何使用 Google Finanace。

[![Flex-Javascript7687tyghbn][]][Flex and Javascript _ Simple Interaction]

转自：[http://www.oschina.net/news/21840/15-highly-useful-adobe-flex-tutorials][http_www.oschina.net_news_21840_15-highly-useful-adobe-flex-tutorials]

[Create a 3D Flickr Photo Gallery with Flex and Away3D]: http://active.tutsplus.com/tutorials/flex/creating-a-3d-flickr-photo-gallery-with-away3d/
[Flex-Away2323]: /images/20220113/dc84c0550ab54eb4b294c9a53d3e988d.png
[Simple Flex Drag and Drop]: http://www.switchonthecode.com/tutorials/simple-flex-drag-and-drop
[Flex-Drag2323]: /images/20220113/1a5e01b6c6454966a6d141df65dbf7b7.png
[Runtime Button Icons using Flash symbols]: http://www.switchonthecode.com/tutorials/flex-tutorial-runtime-button-icons-using-flash-symbols
[star2323]: /images/20220113/6e75b29fbf274f51ab3e8502dffc7423.png
[Control a Flex Video Application Using Mouse Gestures]: http://active.tutsplus.com/tutorials/flex/control-a-flex-video-application-using-mouse-gestures/
[GUI2323]: /images/20220113/b7510b52699c4ec8ad20aff68bd61285.png
[Build a Multi-Purpose Contact Form With Flex]: http://active.tutsplus.com/tutorials/flex/build-a-multi-purpose-contact-form-with-flex/
[45656]: /images/20220113/29e8d73992cb4a5c8d7fcfd5d81031f9.png
[Installing and Using Google Maps in Flex]: http://scriptplayground.com/tutorials/as/Installing-and-Using-Google-Maps-in-Flex/
[gmap_debug4343]: http://static.oschina.net/uploads/img/201109/30064502_aRqS.png
[Retrieving Data From Flickr]: http://www.switchonthecode.com/tutorials/flex-httpservice-retrieving-data-from-flickr
[Flex-HTTP-Service3434]: /images/20220113/6a0ee5dcd04e4e119a2945d1b825d292.png
[Adding Dynamic Rows To Flex DataGrid]: http://www.switchonthecode.com/tutorials/adding-dynamic-rows-to-flex-datagrid
[Flex _ Degrafa Tic Tac Toe Tutorial Series Introduction]: http://www.switchonthecode.com/tutorials/flex-degrafa-tic-tac-toe-tutorial-series-introduction
[Tic-Tac-Toe-Tutorial-Series54675767]: /images/20220113/049b24a194c949cbb4c90026db6c2e89.png
[Throw Objects by Creating a PanAndThrow Class]: http://active.tutsplus.com/tutorials/flex/throw-objects-by-creating-a-panandthrow-class/
[Throw-Objects65656]: /images/20220113/223901d89a744a439897caec3fda0d26.png
[Creating a Digg client with Adobe Flex in 10 steps]: http://www.brighthub.com/hubfolio/matthew-casperson/articles/53092.aspx
[Digg-clienty576tyhgfv]: /images/20220113/ecda29706371411a9a1e6d2e78dbc37c.png
[Using Item Renderers]: http://www.switchonthecode.com/tutorials/flex-using-item-renderers
[Item-Renderers546546]: /images/20220113/28014b1dd74043b192a44a213ccad5ac.png
[Making a custom YouTube player with Flex]: http://www.brighthub.com/hubfolio/matthew-casperson/articles/52274.aspx
[YouTube-player787878]: /images/20220113/eb19c079b78444b28e57d1a09dfac774.png
[Build an XML Driven Contact List Using Flex 3]: http://active.tutsplus.com/tutorials/flex/flex-3-xml-contact-list/
[Driven-Contact6757465]: /images/20220113/52108f990eca4e0d9fc18e5be399848b.png
[Flex and Javascript _ Simple Interaction]: http://www.vipercreations.com/tutorials/Adobe%20Flex/35/
[Flex-Javascript7687tyghbn]: /images/20220113/c91d7f46fae748bcbced2766aa633221.png
[http_www.oschina.net_news_21840_15-highly-useful-adobe-flex-tutorials]: http://www.oschina.net/news/21840/15-highly-useful-adobe-flex-tutorials