flex特效(3)：扩展基本控件实现一个自定义图标的导航树

flex特效(3)：扩展基本控件实现一个自定义图标的导航树

扩展了TreeItemRenderer类。在commitProperties方法，ColorMatrixFilter应用到现有的文件夹图标（“图标”属性）。

关键代码

    
override protected function commitProperties():void      
{      
    super.commitProperties();      
          
    if ( icon )      
    {      
        var matrix:Array = new Array();      
              
        switch (TreeListData( listData ).depth )      
        {      
            case 1:      
                matrixmatrix = matrix.concat([1, 0, 0, 0, 0]); // red      
                matrixmatrix = matrix.concat([0, .25, 0, 0, 0]); // green      
                matrixmatrix = matrix.concat([0, 0, .25, 0, 0]); // blue      
                matrixmatrix = matrix.concat([0, 0, 0, 1, 0]);    // alpha      
                icon.filters = [ new ColorMatrixFilter( matrix) ]      
                break;      
            case 2:      
                matrixmatrix = matrix.concat([.25, 0, 0, 0, 0]); // red      
                matrixmatrix = matrix.concat([0, 1, 0, 0, 0]); // green      
                matrixmatrix = matrix.concat([0, 0, .25, 0, 0]); // blue      
                matrixmatrix = matrix.concat([0, 0, 0, 1, 0]);    // alpha      
                icon.filters = [ new ColorMatrixFilter( matrix) ]      
                break;      
            case 3:      
                matrixmatrix = matrix.concat([.25, 0, 0, 0, 0]); // red      
                matrixmatrix = matrix.concat([0, .25, 0, 0, 0]); // green      
                matrixmatrix = matrix.concat([0, 0, 1, 0, 0]); // blue      
                matrixmatrix = matrix.concat([0, 0, 0, 1, 0]);    // alpha      
                icon.filters = [ new ColorMatrixFilter( matrix) ]      
                break;      
            default:      
                icon.filters = [];      
                break;      
        }      
    }      
} 

 效果演示：

完整代码请到：http://www.tricedesigns.com/portfolio/colorfolders/srcview/index.html 下载。