Flex 哀悼日 界面变灰

 HTML界面哀悼日的时候只需改CSS即可让界面变灰,Flex界面如何设置呢,其实很简单添加 颜色矩阵滤镜(ColorMatrixFilter即可。

HTML  在BODY或HTML中加入  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

Flex  初始化事件creationComplete="init(event)" 中加入滤镜

protected function init(event:FlexEvent):void
            {
                var matrix:Array = new Array();
                
                matrix = matrix.concat([0.3086, 0.6094, 0.082, 0, 0]); // red
                
                matrix = matrix.concat([0.3086, 0.6094, 0.082, 0, 0]); // green
                
                matrix = matrix.concat([0.3086, 0.6094, 0.082, 0, 0]); // blue
                
                matrix = matrix.concat([0, 0, 0, 1, 0]); // alpha
                
                var gray:ColorMatrixFilter = new ColorMatrixFilter(matrix);
                
                var filtersArray:Array = new Array(gray);
                //this只当前Application界面,也可以填入Group Pannel等容器ID 
                this.filters = filtersArray;
}

下面链接有各种滤镜介绍  http://windtoto.blog.51cto.com/1986737/405985

原文地址:https://www.cnblogs.com/Anlycp/p/2881117.html