MecGrid: （http://www.mechansp.com/index.php）

1. 不支持itemrender。
2. 单元格选择时无法获知整行数据。
3. 不支持xxxFunction设置比如（labelFunction）
4. 设置很不方便。在column设置中大量使用 number作为参数，非常非常的不利于使用，在线文档对这个ResourceXML的设置也没有提到具体细节，这个很头痛.

总结: MecGrid的使用非常不方便，而且完全不支持复杂数据类型，虽然实现了很多功能但都是固定功能，扩展性不强。这让他局限在只能作为表格使用。
NEC Grid （http://www.necst.co.jp/product/ibiz/column/ibizblock/chap7.html）

1. 不能改变行高。
2. 破换了itemrender的使用，我增加了一个ComboBox作为itemrender,但是他的显示完全不正常。如果itemrender的高度大于他的默认行高，显示会被切断。
3. 不支持单元格选择。

总结：这个DataGrid的使用非常方便，不过缺点也比较明显，尤其是对itemrender这条，要命的是他不能改变行高，但实际中我们的数据是很有可能换行的。另外他居然不支持单元格选择，作为一个AdvancedDatagird,单元格选择在很多时候是必要的。总的来说这个DataGrid用于对数据操作没有特殊要求的用户是不错的选择。

—————————-废话结束，教程开始的分割线—————————————

在看完了老美和日本人做的DataGrid后找到一个韩国人做的，名字就叫AdavcnedDataGrid, 相比Mec和Nec, 扩展的功能比较单一，Bug也非常多，只有合并单元格功能，基于Flex 的AdvancedDataGrid实现。不过也是保留原有 AdvancedDataGrid功能最完整的, 为了和Flex AdvancedDataGrid 区分，我叫它KAdvancedDataGrid。

KAdvancedDataGrid (http://code.google.com/p/advanceddatagrid/)

文章末尾是KadvancedDataGird的下载，相对于原版，我修复了如下内容:

1. 动态使用columns = XXXX不起作用。
2. 当列数据为复杂类型时异常。
3. 设置dataProvider为null时异常。
4. 还有一些其他的异常，忘了…..

KAdvancedDataGrid的使用很简单，使用groupedColumns标签，把想要合并的列放进去，他会自动的将相同内容的单元格合并在一起。

如下图：

本例的代码在文章末尾，测试代码很简单，这里就不过多解释了，大家可以下载测试。

KAdvancedDataGrid的应用展示

下面几张截图是我使用KadvancedDataGrid作为原材料制作的显示员工出勤情况的日历控件（Calendar View），包括Day, Week, Month和Year View.  这里显示的是Week, Month 和Year View. 使用前面的MecDataGrid或者NecGrid要想实现这样的DatGrid比较困难，Mec是灵活性不够，只能创建它固定格式的Grid, Nec是无法处理复杂数据类型。图片的分辨率较大，点击查看大图

Month View

Week View

Year View

源代码

源代码中的AdvancedDataGrid是我修改后的版本，原版可访问http://code.google.com/p/advanceddatagrid/

mergeableDataGrid (854)

MySpace

Facebook

Adobe

partnership

Flash has been supported since the launch of Facebook Platform in 2007 through tags, embedding Flash in Feed stories, and multiple client libraries, which have helped developers make Facebook API calls directly from ActionScript (see example on the Red Bull website). But Facebook felt the exisiting ActionScript client libraries were not up to par, so it teamed up with Adobe to tweak the open source version to support all Facebook APIs and add some features to better support authentication for both Facebook Platform and Facebook Connect.

After the PHP, JavaScript and iPhone client library, the all new ActionScript 3.0 Client Library for Facebook Platform is now the fourth officially supported client library for the Facebook Platform. The code can be downloaded here.

Facebook and Adobe Systems will share more about the new partnership on April 2 at a San Francisco event.

教程/实例/代码: http://www.adobe.com/devnet/facebook/

下载: ActionScript 3.0 Client Library for Facebook (252)

使用方法:

打开程序后只有三个东西，一个十字架（做瞄准用），一个白球位置指示的圈圈，还有两个小点。使用时，先打开QQ桌球，切换到2D视图，确保焦点在瞄准器上，按方向键调整瞄准器的坐标，让十字架对准桌球窗口的左下角的十字架。然后拖动两个小点中的一个到目的洞，拖另一个到某个位置让两个小点之间的红线从目的球的正中穿过。之后就会发现白球位置的附近多了两个彩色的圈圈，那就是QQ桌球瞄准示意图的目的球的位置。只要你对准了这个位置，球就一定能进。信不？
但是有bug，一是角度不能太大，60度以内都没问题，太大了就不一定(看来理论还是有一点问题)。

对照截图:

作者Albert Zhang Email: albert.zhang.sl@gmail.com

安装文件:

源文件下载:

SnookerAssistant.rar (260)

Efflex 是一组由 Stephen Downs (aka “Tink”)开发的 Flex特效。

全屏浏览

源代码

Effect (2800)

相关资源

http://www.insideria.com/2008/10/efflex-designer-effects-for-fl.html
http://code.google.com/p/efflex/

http://www.efflex.org/

首先继承DataGrid做一点简单的扩展。扩展的目的是：

1. 添加一个rowColorFunction，根据当前行的值设置行的颜色,用法与labelFunction一样。
2. 覆写drawRowBackground, 让其能用rowColorFunction返回的颜色设置当前行。

附件的RowColorDataGrid.as 是国外一个家伙写的，我没改(实在没什么可改的了)，只添加了注释帮助大家理解。

下面是一个简单的Demo, 将check box钩中的行高亮显示:

RowColorDataGrid.as

package
{
import flash.display.Sprite;
 
import mx.collections.ArrayCollection;
import mx.controls.DataGrid;
 
public class RowColorDataGrid extends DataGrid
{
//用于设置颜色，参数: 当前item, rowIndex, dataIndex, 当前color
public var rowColorFunction:Function;
 
//覆写drawRowBackground，目的是根据rowColorFunction返回颜色设置当前行
override protected function drawRowBackground(
s:Sprite, rowIndex:int, y:Number, height:Number,
color:uint, dataIndex:int):void
{
if(rowColorFunction != null)
{
//从dataProvider中获取当前item
var item:Object;
if(dataIndex < dataProvider.length)
{
item = dataProvider[dataIndex];
}
 
if(item)
{ //如果当前item存在，从rowColorFunction中获取行的颜色
color = rowColorFunction(item, rowIndex, dataIndex, color);
}
}
 
//调用父类方法设置当前行颜色
super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}
}
}

源文件下载:

ColorGridDemo (551)

作用 (Description)：控 件继承于Panel, 和普通panel使用方法相同，对放入其中的所有Image，当鼠标划过时有放大镜效果。 (iMagnifyingGlass extends from panel that can enlarge all passed in images when mouseover )

接口 (apis)：

属性(Attributes)：

multiple:Number －－ 设置放大倍数，默认2倍 (Default value is 2)
glassHeight:Number — 设置镜片高度，默认150px (Magnifying glass height, default value is 150px)
glassWidth:Number — 设置镜片宽度, 默认150px (default value is 150px)
glassStyleName: Number — 设置镜片样式表 (set the style name of glass)

方法 (Function):

setGlassStyle(stylrProp:String,newValue:Object) — 设置镜片样式 (set styles of glass)

Demo:

<component:iMagnifyingGlass hideEffect=”" title=”放大镜Demo” multiple=”4″ layout=”vertical”  id=”mG” >
<mx:HBox>
<mx:Image source=”{pic1}” width=”256″ height=”192″ />
<mx:Image source=”{pic2}” width=”256″ height=”192″  />
</mx:HBox>
<mx:HBox>
<mx:Image source=”{pic3}” width=”256″ height=”192″ />
<mx:Image source=”{pic4}” width=”256″ height=”192″  />
</mx:HBox>
</component:iMagnifyingGlass>

iMagnifyingGlass (578) （Attached demo and source code）

var iphoneList:iScrollBox= newiScrollBox(displayObject, speed);  //创建iList对象时传入要实现滚动的对象,以及设定滚动速度。
iList.displayObj; //返回传入的对象

Demo: List, Image

List Demo

1. 以拖拽方式滚动list.(Drag to scroll the list)
2. 快速拖拽后放手，会根据拖拽的速度继续向拖拽方向滚动一段时间。慢慢滚动不会引发额外移动。(The list will scroll like iphone when you draging and release the mouse)
3. 滚动时点击item会停止滚动。(click item to stop scroll immediately)

Note: 现在有个bug，拖拽滚动时不能将鼠标划出List。(There is a bug that you can not let mouse out of list when dragging)

Image demo

1. 这个demo模拟地图的移动，试试上下左右拖拽(Just try to drag the “map”)
2. 快速拖拽后放手，会根据拖拽的速度继续向拖拽方向滚动一段时间。慢慢滚动不会引发额外移动
3. 滚动时点击item会停止滚动。

附件里面是demo和iScrollBox.as (Attached demo and source codes)

iListDemo (670)