关于Flex背景渐变和皮肤动态切换的补丁

最新推荐文章于 2025-07-29 16:28:13 发布

最新推荐文章于 2025-07-29 16:28:13 发布 · 139 阅读

文章标签：

本文介绍了一种在Flash中实现背景渐变效果的方法，并针对style动态切换时无法生效的问题进行了hack修改。通过修改setupStyles()函数，使背景渐变在动态切换样式时也能正常工作。

网上有代码可以实现背景渐变，但是在style动态切换的时候无效。
我hack了setupStyles()处的代码，可以使用了。

注意设置fillColors是十进制的颜色值。
比如:css = ".selector{fillColors: 12377400,9614128;}";


package application.view.components
{

	import flash.display.*;
	import flash.geom.*;
	import flash.utils.*;

	import mx.containers.Canvas;
	import mx.core.EdgeMetrics;
	import mx.skins.halo.HaloBorder;
	import mx.utils.ColorUtil;
	import mx.utils.GraphicsUtil;

	public class SimpleGradientBorder extends HaloBorder 
	{

		private var topCornerRadius:Number;		// top corner radius
		private var bottomCornerRadius:Number;	// bottom corner radius
		private var fillColors:Array;			// fill colors (two)
		private var setup:Boolean;

		// ------------------------------------------------------------------------------------- //

		private function setupStyles():void
		{
			if ((this.parent as Canvas) != null)
			{
				var str:String = (this.parent as Canvas).getStyle("fillColors");
				fillColors = str.split(",");
			}
			else
			{
				fillColors = getStyle("fillColors") as Array;
			}
			if (!fillColors) fillColors = [0xFFFFFF, 0xFFFFFF];

			topCornerRadius = getStyle("cornerRadius") as Number;
			if (!topCornerRadius) topCornerRadius = 0;	

			bottomCornerRadius = getStyle("bottomCornerRadius") as Number;
			if (!bottomCornerRadius) bottomCornerRadius = topCornerRadius;	

		}

		// ------------------------------------------------------------------------------------- //

		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
		{
			super.updateDisplayList(unscaledWidth, unscaledHeight);	

			setupStyles();

			var g:Graphics = graphics;
			var b:EdgeMetrics = borderMetrics;
			var w:Number = unscaledWidth - b.left - b.right;
			var h:Number = unscaledHeight - b.top - b.bottom;
			var m:Matrix = verticalGradientMatrix(0, 0, w, h);

			g.beginGradientFill("linear", fillColors, [1, 1], [0, 255], m);

			var tr:Number = Math.max(topCornerRadius-2, 0);
			var br:Number = Math.max(bottomCornerRadius-2, 0);

			GraphicsUtil.drawRoundRectComplex(g, b.left, b.top, w, h, tr, tr, br, br);
			g.endFill();

		}

	}
}