02-20-2011 11:41 PM
Hey everyone. Thanks for looking in advance.
I have been trying for hours to get a custom skin on the view of my mobile application and have had no luck. When I run the application, the image I'm using completely covers the screen as well as all of the components that I have in the View.
Here's part of Mobile App .mxml file just in case it helps at all:
<?xml version="1.0" encoding="utf-8"?> <s:MobileApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" firstView="views.HomePage" skinClass="skins.appskin">
And here is my skin .mxml: (It's very simple for now, I just want to get a basic version working.)
<?xml version="1.0" encoding="utf-8"?> <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"> <!-- host component --> <fx:Metadata> [HostComponent("spark.components.MobileApplication")] </fx:Metadata> <!-- states --> <s:states> <s:State name="disabled" /> <s:State name="normal" /> </s:states> <s:BitmapImage source="@Embed('Cereal.jpg')" fillMode ="scale" left="0" right="0" top="0" bottom="0"/> <s:ViewNavigator id="Navigator" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0"/> </s:Skin>
Any help is much appreciated. Thanks!
02-21-2011 08:57 AM
Have you tried removing the fillMode, left, right, top, bottom attributes to see if just having:
<s:BitmapImage source="@Embed('Cereal.jpg')"/>
will display properly under the other components for you? I have a BitmapImage used similarily, but without those attributes, and it displays under my components without issue. Though my image is a large image that fills the full background.
02-21-2011 09:02 AM
Yeah, the image still overlaps all of my components. Right now, I seem to (sort of ) have a workaround for it just by adding the components to the View after I add the image, but it seems a bit sketchy to do this..
02-21-2011 10:40 AM
That is odd, are you using 4.0.1 or Burritto?
02-21-2011 10:43 AM
02-21-2011 10:48 AM - edited 02-21-2011 10:49 AM
I'm fairly new to Flex in general, but I've never used Burrito so I can't even honestly comment on the Burrito. However, the reading I've done suggests the only way to have it show properly is to do what you did, place it before the other components.
It does seem messy, and unreliable.