使用 Visual Studio 和 Amethyst 进行 Flex 开发

• 下载演示项目 (Visual Studio 2008) - 385.76 KB
• 下载源代码 - 613 B

引言

Flex 是一种开源开发框架，用于创建各种丰富的应用程序，例如桌面应用程序、Web 应用程序和移动应用程序。

即使 Flex SDK 本身是免费的，但它缺乏免费的开发环境或 IDE，而这些环境或 IDE 可以通过诸如智能代码编辑、调试、性能分析等功能来加速开发。

仍然有一些选择，最著名的是 Flash Builder 和 Flash Develop。Flash Builder 是一种非免费的替代方案，价格昂贵。Flash Develop 是一种不错的免费替代方案，具有出色的功能，例如代码完成和代码生成，但它没有图形用户界面 (GUI)。

背景

一个鲜为人知的 Flex 开发免费替代方案是 Amethyst，由 Sapphire Steel 开发的免费 Flex IDE。Amethyst Personal 是一种免费的 Flex IDE，它为 Flex/ActionScript 提供开发环境。Amethyst 安装到免费的 Visual Studio shell 版本中，并为 Flex 开发提供专业的环境，例如代码完成、GUI 支持、调试等。

要开始使用 Amethyst，您首先需要从 Microsoft 获取并安装免费的 Visual Studio shell 版本。

您还需要从以下网站下载 Adobe Flex SDK

• http://www.adobe.com/products/flex/flexdownloads/

您可以从以下链接下载 Amethyst

• http://www.sapphiresteel.com/downloads/amethyst_VS2008.zip

在安装 Amethyst 时，您还需要指定下载和解压缩 Adobe Flex SDK 的路径。

Using the Code

您可以使用 Visual Studio 熟悉的拖放方法创建 Flex 应用程序。

如上图所示，我将一个 Label、一个 TextInput 和两个 Button 控件放置在屏幕上。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application height="600" layout="absolute" width="800" 
	xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			
		]]>
	</mx:Script>
<mx:Label height="18" text="Enter your name: " 
		width="112" x="87" y="96"/>	// Label Control
<mx:TextInput height="22" id="txtName" text="" 
		width="160" x="204" y="92"/>	// TextInput Control
<mx:Button click="button_click(event)" height="22" id="btnOK" label="OK" 
name="btnOK" width="65" x="126" y="133"/>	// Button Control
<mx:Button click="btnClear_click(event)" height="22" id="btnClear" label="Clear" 
	name="btnClear" width="65" x="204" y="133"/>	// Button Control

当我们双击设计窗口中的按钮控件时，代码窗口会打开

<mx:Script>
	<![CDATA[
		import mx.controls.Alert;		// importing the Alert control
		private function button_click(event:flash.events.MouseEvent):void 
		{		// Event handler for button
			var username:String=txtName.text;	// Getting name entered 
							//by user
			Alert.show("Hello " + username, 
			"Welcome to Flex using VS2008");	// Showing message
		}
	]]>
</mx:Script>
<mx:Script>
	<![CDATA[
		private function btnClear_click(event:flash.events.MouseEvent):void 
	{		// Event handler for button
			txtName.text="";			// Clearing the TextInput
		}
	]]>
</mx:Script>
</mx:Application>

关注点

Flex 是一种非常有趣的框架，而且很容易学习，Amethyst 与 Visual Studio 结合使用，为 Flex 开发提供了一个非常简单但高效的环境。

我希望这篇文章能帮助新手在很短的时间内开始开发 Flex 应用程序。

历史

• 2011 年 5 月 14 日：初始版本