This seems to happen only with bitmap images. If I draw something into symbols in flash they are scaled correctly but if I place bitmaps into symbols then scaling does not work. Wonder what is wrong with my setup..
On 9/6/06, [sami] <flex.archives@gmail.com> wrote:Hello,been struggling with 9-Slice scaling and Skinning. Downloaded Abobe's example from http://www.adobe.com/devnet/flex/articles/flex_skins.html .. Then edited Skin template with Flash 8 (also tried 9 beta) and made sure 9-Slice is turned on. I replaced many of the symbols with gifs and pngs inside the flex_skins.swf. Button.skinned works fine but Button does not use 9-Slice scaling. So if I use images directly from files and add scale grid through code no problem. Anyone had the same behavior? Here's the code example:<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style> Button { disabledSkin: Embed(source="swc/Button_disabledSkin.png", scaleGridTop='6', scaleGridLeft='6', scaleGridBottom='14', scaleGridRight='56' );
downSkin: Embed(source="swc/Button_downSkin.gif", scaleGridTop='6', scaleGridLeft='6', scaleGridBottom='14', scaleGridRight='56' );
overSkin: Embed(source="swc/Button_overSkin.gif", scaleGridTop='6', scaleGridLeft='6', scaleGridBottom='14', scaleGridRight='56' );
upSkin: Embed(source="swc/Button_upSkin.gif", scaleGridTop='6', scaleGridLeft='6', scaleGridBottom='14', scaleGridRight='56' );
}
Button.skinned
{
disabledSkin: Embed(source="swc/flex_skins.swf", symbol="Button_disabledSkin");
downSkin: Embed(source="swc/flex_skins.swf", symbol="Button_downSkin");
overSkin: Embed(source="swc/flex_skins.swf", symbol="Button_overSkin");
upSkin: Embed(source="swc/flex_skins.swf", symbol="Button_upSkin");
}
</mx:Style>
<mx:Button x="10" y="10" label="Small" />
<mx:Button x="10" y="40" label="Bit Bigger" />
<mx:Button x="10" y="70" label="Getting Near Large" />
<mx:Button x="10" y="100" label="Friggin Huge Extravaganza Notification Button" />
<mx:Button styleName="skinned" x="10" y="150" label="Small" />
<mx:Button styleName="skinned" x="10" y="180" label="Bit Bigger" />
<mx:Button styleName="skinned" x="10" y="210" label="Getting Near Large" />
<mx:Button styleName="skinned" x="10" y="240" label="Friggin Huge Extravaganza Notification Button" />
</mx:Application>
