1，安装vim与配置flex sdk

安装vim:

sudo apt-get install vim

从Adobe labs下载flex sdk 4.1，解压至任一目录下，如/usr/share/flex/sdks。

vim ~/.bashrc

在此配置文件尾部添加PATH=$PATH:/usr/share/flex/sdks/flex_sdk_4.1/bin

2，AIR Hello World

Alt+F2，打开gnome-terminal

echo $PATH

看到flex sdk 4.1的路径，说明配置已成功。

cd ~/$user/flex
mkdir helloworld
cd helloworld
vim helloworld.mxml

编辑helloworld.mxml的内容如下：

<?xml version="1.0" encoding="utf-8"?>
<!--
sban 2010
http://sban.biz/
-->
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" title="Hello World" backgroundAlpha="0.5">
    <mx:Label text="Hello World" horizontalCenter="0" verticalCenter="0"/>
</mx:WindowedApplication>

新建hellworld-app.xml文件

vim helloworld-app.xml

其内容如下：

<application xmlns="http://ns.adobe.com/air/application/2.0">
<id>sban.flex.helloworld</id>
<version>0.1</version>
<filename>helloworld</filename>
<initialWindow>
        <content>helloworld.swf</content>
        <visible>true</visible>
        <systemChrome>standard</systemChrome>
        <transparent>false</transparent>
        <width>400</width>
        <height>300</height>
    </initialWindow>
</application>

3，编译与运行

amxmlc helloworld.mxml
adl helloword-app.xml

sban 2010/7/10 北京 署名，非商业。

设计视图对我并不重要。所以，已决定转到ubuntu下开发。开发工具使用eclipse + flex builder for linux alpha 5.

1，install eclipse in ubuntu 10.04
sudo apt-get install eclipse

2，install flex builder for linx alpha 5
download from http://labs.adobe.com/downloads/flexbuilder_linux.html
在终端中运行安装，修改默认安装目录为/usr/lib/，或/home/$usrname/app。enjoy it!

据说Adobe Team感觉linux版本的fb鲜人使用，貌似已决定放弃开发，不然版本发布何以如何迟缓。如果Adobe不做这件事，我想开源社区会开发一个Linux版本的fdt来。

更新：
按如上方法使用ubuntu 10.04 source list 安装的eclipse为3.5＋版本，这个版本目前flex builder linux是不支持的，继续安装在使用MXML Editor编辑mxml代码时会出现java Asset Error。解决方法：下载/安装eclipse 3.3。据说有人制作了适当于eclipse 3.4的补丁，但其实没有必要。

sban 2010/7/9 北京 署名 非商业。

这是一个从美工拿过来的Flash CS3素材，原素材是AS2格式发布的，许多写在影片与按钮上的代码全部失效。在一步一步改写为AS3后，发现有一个MC运行仍然异常，动画在启动播放之后，会一直播放不停，而其它类似动画没有这个问题。

原因在于代码层的图层属性是Mask，这是AS2中是合法的，但在AS3中就不行了。以后所有的Fla素材，必须规定发布为AS3格式，否则与落后分子的协作将是噩梦的开始。

sban 2010/7/6 北京 署名，非商业。

最近收到的一位同仁的询问，如上。实现代码简略如下：

various_of_itemRenderer_in_datagrid_and_checkBox.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>

	<fx:Script>
		<![CDATA[
			import mx.collections.XMLListCollection;
			import mx.controls.dataGridClasses.DataGridListData;

			[Bindable]
			private var myXmlData : XML = <sites>
					<site selected="false" site="www.adobe.com" />
					<site selected="false" site="bbs.9ria.com" />
					<site selected="true" site="sban.biz" />
				</sites>;

			public function selectOneItem(row :int, selected :Boolean) :void
			{
				myXmlData.site[row].@selected = selected;
			}

			public function selectAllItems(selected :Boolean) :void
			{
				for each(var site : XML in myXmlData.site)
					site.@selected = selected;
			}
		]]>
	</fx:Script>

	<mx:DataGrid id="myDataGrid" sortableColumns="false" dataProvider="{ myXmlData.site}">
		<mx:columns>
			<mx:DataGridColumn width="50" headerText="" dataField="@selected"
				   headerRenderer="sban.flexPuzzles.DataGridItemCheckBoxHeaderRenderer"
				   itemRenderer="sban.flexPuzzles.DataGridItemCheckBoxRenderer" />
			<mx:DataGridColumn width="120" headerText="site" textDecoration="underline" dataField="@site" />
		</mx:columns>
	</mx:DataGrid>
</s:Application>

DataGridItemCheckBoxHeaderRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
	  xmlns:s="library://ns.adobe.com/flex/spark"
	  xmlns:mx="library://ns.adobe.com/flex/mx"
	  focusEnabled="false">
	<fx:Script>
		<![CDATA[
			import mx.binding.utils.BindingUtils;
			import mx.controls.dataGridClasses.DataGridColumn;
			import mx.events.FlexEvent;

			protected function checkbox1_changeHandler(event:Event):void
			{
				parentDocument.selectAllItems(event.target.selected);
			}
		]]>
	</fx:Script>
	<s:CheckBox id="myChkbox" change="checkbox1_changeHandler(event)" />
</s:MXDataGridItemRenderer>

DataGridItemCheckBoxRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
		  xmlns:s="library://ns.adobe.com/flex/spark"
		  xmlns:mx="library://ns.adobe.com/flex/mx"
		  focusEnabled="false">

	<fx:Script>
		<![CDATA[
			import mx.binding.utils.BindingUtils;
			import mx.controls.dataGridClasses.DataGridColumn;
			import mx.events.FlexEvent;

			protected function checkbox1_changeHandler(event:Event):void
			{
				parentDocument.selectOneItem(dataGridListData.rowIndex, event.target.selected);
			}

		]]>
	</fx:Script>
	<s:CheckBox id="myChkbox" selected="{dataGridListData.label == 'true'}"
				change="checkbox1_changeHandler(event)"/>
</s:MXDataGridItemRenderer>

sban 2010/6/30 转载请注明作者及出处 非商业。