I didn't think about that... obviously.
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"; alpha.disabledGroup="0.5" >
<fx:Metadata>[HostComponent("spark.components.WindowedApplication")]</fx:Metadata>
<fx:Script fb:purpose="styling">
/* Define the skin elements that should not be colorized.
* For WindowedApplication, border and status bar background are
colorized,
* but the content area and status text are not.
* Exclude the titleBar and scroller because they are SparkSkins and
we
* don't want to colorize them twice.
*
* @langversion 3.0
* @playerversion Flash 10
* @playerversion AIR 1.5
* @productversion Flex 4
*/
static private const exclusions:Array = ["backgroundRect",
"contentGroup", "statusText"];
/**
* @private
*/
override public function get colorizeExclusions():Array {return
exclusions;}
/**
* @private
*/
override protected function initializationComplete():void
{
useChromeColor = false;
super.initializationComplete();
}
/**
* @private
*/
override protected function updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number) : void
{
// backgroundFill.color = getStyle("backgroundColor");
// backgroundFill.alpha = getStyle("backgroundAlpha");
super.updateDisplayList(unscaledWidth, unscaledHeight);
}
</fx:Script>
<s:states>
<s:State name="normal" />
<s:State name="disabled" stateGroups="disabledGroup" />
<s:State name="normalAndInactive" stateGroups="inactiveGroup" />
<s:State name="disabledAndInactive" stateGroups="disabledGroup,
inactiveGroup" />
</s:states>
<s:BitmapImage width="100%" height="100%"
source="assets/randomBkgd.png" />
</s:SparkSkin>
----- Original Message -----
From: "OmPrakash Muppirala" <[email protected]>
To: [email protected]
Sent: Monday, August 21, 2017 3:52:48 PM
Subject: Re: Layering over background image
Can you post your CustomAppSkin as well? I'm guessing that the BitmapImage
is added after the content group. In which case your BitmapImage will be
drawn last hence covering your content group.
On Mon, Aug 21, 2017 at 1:38 PM, <[email protected]> wrote:
> For the life of me I can't figure this out. I skinned a
> WindowedApplication with a background image. Added a group of buttons,
> however I can't seem to get them to layer properly over the background
> image of the WindowedApplication component.
>
>
> image in the skin
> <s:BitmapImage width="100%" height="100%"
> source="assets/randomBkgd.png" />
>
>
> <?xml version="1.0" encoding="utf-8"?>
> <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009";
> xmlns:s="library://ns.adobe.
> com/flex/spark"
> xmlns:mx="library://ns.adobe.
> com/flex/mx"
> skinClass="utilities.
> CustomAppSkin">
>
> <s:layout>
> <s:BasicLayout />
> </s:layout>
>
> <s:Group x="10" y="10" width="400" height="25">
> <s:layout>
> <s:HorizontalLayout />
> </s:layout>
>
> <s:Button label="Button1" width="100" height="25" />
> <s:Button label="Button2" width="100" height="25" />
> <s:Button label="Button3" width="100" height="25" />
>
> </s:Group>
>
>
>
> </s:WindowedApplication>
>
