Propagating Changes from Spark’s Skinnable Component to Skin

preface

I will not be discussing the pros/cons of a Spark skin containing “awareness” of its host component’s properties.  That falls into a more in-depth “best practices” discussion to be discussed at a later time.

[note to self]

One way to propagate changes from the SkinnableComponent to the Skin and still leverage the Flex framework’s invalidation mechanisms is to simply update your property and then call invalidateDisplayList.  Override your updateDisplayList call in the Skin and fetch the needed values.  For this example the particular skin I was creating needed to create a mask whose width was based on a particular value.  Seeing as this logic was particular to the skin, I decided to move the logic into the skin rather than the component itself.

hostComponent code

public function set volume(value:Number):void
{
	if (value != _volume)
	{
		_volume = value;
		_volValue = _volume < 0 ? 0 : _volume > 1 ? 1 : _volume; //limit betw 0 & 1

		bVolumeChanged = true;

		invalidateProperties();

                if (skin)
                {
                            skin.invalidateProperties();
                            skin.invalidateDisplayList();
                }
	}
}

Advertisement