Flex Mobile Images

Hi, I am unable to see my Images in the adobe flex mobile project. I am able to see the picture before load but once the program is run the image disappears? I have tried changing the picture. The source path and the source path in source code. I really do not see what the problem is the path must be correct because the picture would not appear. I also have tried embedding the picture which still does not work. Can anyone suggest any options for me please?
The image is Source I have tried: -
<s:Image id="pic" x="48" y="53" smooth="true" source="@Embed('Assets\cat.jpg')"/>
Also attempted: -
<s:Image id="pic" x="48" y="53" smooth="true" source="('Assets\cat.jpg')"/>
In design the source: -
Assets/cat.jpg
Also: -
@Embed('Assets\cat.jpg')
Can anyone please help me as I am really struggling to find a soloution.
The images are saved in the Assets folder

Thanks. So size of the file really doesn't matter much when it comes to loading/performance because it's basically a local file (embedded with the apk) is it.
Also, if my source image is a jpg file, should I convert it to a PNG?

Similar Messages

How to insert a background image in VGroup in Flex Mobile

I want to insert a background image for this VGroup. Help me out. I'm new to Flex !!
I'm using this code in Flex Mobile Application
<s:VGroup height="100%" width="100%"
          paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
    <s:List id="homeList" height="100%"
            labelField="title"
            dataProvider="{homeNews}">
        <s:layout>
            <s:TileLayout requestedColumnCount="1"
                          verticalGap="5"/>
        </s:layout>
        <s:itemRenderer>
            <fx:Component>
                <s:ItemRenderer>
                    <s:VGroup>
                        <s:BitmapImage source="{data.source}"/>
                        <s:Label text="{data.title}" />
                    </s:VGroup>
                </s:ItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
</s:VGroup>

I don't think you can add a background image to a VGroup directly, nor can VGroup be skinned.
As far as I am aware there are probably 2 solutions
1) use a SkinnableContainer instead skin the container to have a background image and set its layout to VerticalLayout
2) enclose the VGroup in a Group with a BasicLayout. you can then add a background image to the Group and overlay the VGroup

How to display html content with image in Adobe Flash and Flex mobile project?

Hi,
I have a html content with image in it. How to display it in Adobe Flash Builder and Flex mobile project? Which control needs to be used for this?

Hello,
The only current way is to use an iFrame, or if you only need some html tags you could use the Text Layout Framework.
Here this is the iFrame approach:
http://code.google.com/p/flex-iframe/
If the swc do not work in Flex4 just use its ource code which works...
...it is basically based on this:
http://www.deitte.com/archives/2008/07/dont_use_iframe.htm
see also and vote, please:
http://bugs.adobe.com/jira/browse/SDK-12291
http://bugs.adobe.com/jira/browse/SDK-13740
Regards
Marc

Flex Mobile project scaling with Retina display iPad (3rd gen).

Adobe et al,
With the new iPad 3 we now have a ton more pixels to utilize. I'm familiar with and have already successfully tested the AIR 3.1+ commandline compiler option (-platformsdk) to get Retina display on the new iPad. In ActionScript mobile projects the content is rendered beautifully on the new iPad. But with Flex Mobile projects, something is happening that causes it to render incorrectly. It's retina display alright, but the size is way too small.
Below is an image WITHOUT the -platformsdk build tag, that causes the app to be pixel doubled to fit on the new iPad:
Notice that it's scaled proportionally, even though the text and components are slightly pixelated. Not a big deal, but noticeable on the device.
This image is taken with the app rendering in Retina display (setting the -platformsdk pointing to iOS 5.1 SDK):
As you can see, the text/components are rendered really clear, but the scale is way off. Obviously it's getting the width of 2048x1536 from the device, but it's way too small.
How do I fix this? I've tried changing the applicationDPI, but it doesn't fix it. Setting a width/height of 1024x768 does nothing either. It seems we need to overrride a behavior that causes it to fit everything in so small.
A little help?
Thanks,
iBrent

Alright, kevinkorngut's answer was the right one. It appears that even though AIR 3.x can render high resolution apps, it still returns the incorrect DPI for the new iPad. In a Flex Mobile project you have to override the DPI using the method mentioned above.
Here are the results I got:
Using the runtimeDPIProvider property on the TabViewApplication tag (works for any of the three project types) I created a class that extends RuntimeDPIProvider. To detect which iPad I was on, I used the following code:
override public function get runtimeDPI():Number
     var os:String = Capabilities.os;
     if(os.indexOf("iPad") != -1)
          if(Capabilities.screenResolutionX > 2000 || Capabilities.screenResolutionY > 2000)
               return DPIClassification.DPI_320;
          } else {
               return DPIClassification.DPI_160;
     } else {
          return Capabilities.screenDPI;
I'm returning a DPI of 320 as this gives the best result that matches the proportions of the device. In other words, even though the iPad DPI is 264, setting the app to 320 gives the correct size at the new Retina display.
In order for this to work, you must compile the app with the -platformsdk flag pointing to iOS 5.1 SDK, and currently that means you need a Mac running Lion with Xcode 4.3.1. Here's the adt command I used:
adt -package -target ipa-test -storetype pkcs12 -keystore ~/Desktop/iOS_DevCert.p12 -provisioning-profile ~/Desktop/iOS_DevProfile.mobileprovision newiPadTest.ipa newiPadTest-app.xml newiPadTest.swf -platformsdk /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPh oneOS5.1.sdk
Also, the -app.xml descriptor file must have the <requestedDisplayResolution>high</requestedDisplayResolution> within the <iPhone> tags.
Thanks everyone for their replies!
iBrent

Flex Mobile App eats memory on device

Hi,
I have my flex mobile app that manages a lot of bitmapdata objects. Every bitmapdata is disposed after use. It's a multi-layer drawing app, and I have many SpriteVisualElements displayed on the screen. Every SpriteVisualElement contains 4 SpriteVisualElement that I use to paint different images. The problem is that on device (iPad2) the app eats a lot of RAM. It's not a memory leak problem (the memory is properly released when I return to the first view). I don't know what to do... please help me!
ps: on Flex profiler the app seems to consume 6 times less RAM

oooooh nooooo
you have to pay Apple first
and then request a certificate and provisioning file
and then try and figure out how to convert the certificate to a .p12 file
and cross your fingers and hope they will allow it in their store
and you have to own a mac, although there are some convoluted ways to get a certificate using a pc you still cant get onto the store without a mac

How to remove Button from Flex Mobile app actionbar with AS3?

How exactly would i remove a Button from the actionBar "actionContent" in a flex mobile app?
I tried these:
    this.stage.removeChild(menu_btn);
    this.removeChild(menu_btn);
    stage.removeChild(menu_btn);
    this.stage.removeElement(menu_btn);
    this.removeElement(menu_btn);
    stage.removeElement(menu_btn);
I'm not having any luck with those. Im guessing where it is located in the actioncontent isn't considered the stage. Any ideas?
    <s:actionContent>
                        <s:CalloutButton id="menu_btn" icon="@Embed('assets/images/menu/menu_btn.png')" visible="false">
                                  <s:VGroup>
                                  <s:Button id="btn_one" label="Button" />
                                  </s:VGroup>
                        </s:CalloutButton>
              </s:actionContent>
The actionContent is setup like that, I know like with most mxml stuff I could give it an ID to reference it but im not sure how how to give the action content an id number `<s:actionContent id="testID">` does not work. So how can i access this to remove it? making it invisible isn't cutting it i need to actually remove it.

Does this do what you are looking for?
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView">
    <s:actionContent>
        <s:Button id="excess" label="excess" />
        <s:Button label="remove" click="this.navigator.actionBar.actionGroup.removeElement(excess);" />
    </s:actionContent>
</s:View>

Transforming a flash application to flex mobile application

Hello everybody, I have been tried of transfom this flash application
http://blog.flexexamples.com/2007/08/02/finding-a-pixels-color-value-using-the-bitmap-clas ses-and-getpixel/
to flex mobile application, but I have many errors with the components. Also when I try to load image, on the flash builder the image, we can see the image loaded but when I try run on virtual device, the image can´t views.
I ask help...Thanks

try searching for Java NT service string on google and u will come out with many solutions.....
hope this is the best answer... i can give u.....

What is the best font to use for Thai Language in Flex Mobile Applications ?

Hi
I am facing issues with Thai language in flex mobile applications. I am using Tahoma font and facing issues in TextInput
Whith Tahoma font text Offset setting to far from the starting of the text input .
Can any one suggest me the best font to use with Thai language ?
Many thanks in advance for your help .
Regards,
Kamal

Personally, I prefer uncompressed TIFF or PNG. But many times it won't matter ... you'll be dropping the images into an SD Sequence, so they will lose resolution on output.
-DH

Can't convert Flex Mobile project to desktop project

I'm using the Flash Builder 4.6 trial, and I'm very new to flex development. I've been asked to convert an existing Flex Mobile project (appears to have been developed in Flash Builder 4.5) into an AIR desktop app.
The project imported without complaint. However, the Add/Change Project Type > Convert to Flex Desktop Project menu item is disabled.
I created a blank Flex Mobile project, then a blank Flex web project, then a blank ActionScript project. It's greyed out for those, too. I checked with the projects closed and open; the rest of the items on that submenu are enabled for all projects when closed.
Is this feature disabled in the trial version? Is something else going on?

Clearly the device from verizon works, I would try to contact a computer tech to repair your computer
Really it should be as simple as turn on, connect, go. If it isn't there is a break down somewhere in that computer
What error msg?

Flex Mobile Project unable to run on android device

Hi,
I Have created basic flex mobile project using flash builder and i could able to run on desk top, but while running the same on device i am getting force close exception also dint get any error log. i am using samsung galaxy pop GT-S5570 as my testing device. i have configured usb driver and enabled usb debugging in my device too. any help to resolve this process?

08:20:45.751 Raw device 'sd=sd1,lun=/dev/rdsk/c3t5000CCA03EC50D5Dd0s0' does not exist, or no permissions.
Looks like either your lun doesnt exist OR you running vdbnech session not as root.
(Only a guess )

Is there a way to use Stage3D in Flex Mobile projects on iPad?

When I create a project of type "Action Script Mobile Project" the Stage3D works on iPad, Android device and in the AIR desktop simulator.
But when I create a project of type "Flex Mobile Project" it works in the desktop simulator and on Android device but does not work on iPad.
When running on iPad the stage.stage3Ds[] collection is empty.
Is it a sort of limitation made by intent? Or a bug? Or maybe I am doing something wrong?
What I actually need is an ability to render offscreen bitmaps with GPU in an application that uses Spark UI. This is why I need Flex Mobile project.
My configuration is the following:
iPad with retina display
Sony Xperia Tablet Z
AIR SDK 3.7 (and I have also tried AIR SDK 3.8 today)

Hi,
Check this thread, discussing the similar issue
Re: What video format that is compatible with Muse

Is there a way to save data to just one view in Flex Mobile applications?

I am having trouble handling data between views in a Flex Mobile application that I am writing. I know how to pass data from one view to another, but I was wondering if there is a way to save that data to a view, then get more data from another view (in this case it would be the same view that the original data came from) and put that data on the same view without overwriting the original data. I would be glad to post some code if anyone needs to see it.

I think we realise that this is the same question as the other thread.

Two styles for a native look (Flex Mobile App)?

Hello,
is it possible to use two styles/looks for the same App, that this one will look native on iOS AND on Android?
Or will I have to build the same App twice to get this?
- BB

Check out Jason San Jose's blog posting here: http://blogs.adobe.com/jasonsj/2011/06/ios-theme-for-flex-mobile-projects-proof-of-concept .html

Adobe Flex Mobile + AIR - Custom iOS Build Setting

I am building some Adobe Flex Mobile application using Flex 4.6.0 + AIR 3.5 only for iOS
This app involves some iOS Native Extension created also by me.
The thing is that this ANE uses some third party framework (GD.framework from Good Dynamics Technology). That framework requires GD FIPS linker to be used, and for that, i need to set some custom build settings in a .xcconfig file, with this content:
FIPS_PACKAGE=$(CURRENT_ARCH).sdk LDPLUSPLUS=/Good Technology/Good.platform/FIPS_module/$FIPS_PACKAGE/bin/gd_fipsld LD=/Good Technology/Good.platform/FIPS_module/$FIPS_PACKAGE/bin/gd_fipsld
The ANE compiles OK, but then, I add the ANE to the app, I compile the app, but when I launch the app, it crashes because the FIPS linker was not properly got set on my Flex Mobile project.
So, my question is:
Is there a way to set the above configuration on my project like somebody would do in a Xcode project?
Regards!

I see your key as a reserved key for iOS. I haven't tested it myself but here's the keys you cannot change. Sure enough, MinimumOSVersion is reserved.

Flex Mobile Project UI Templates?

I'd love to find some flex mobile templates to use in flash builder that already have the platform of many of the functional UI elements in them. I feel this would be a great springboard to learn more through examining pre-built projects as a means to get started with designing my own iPhone apps. Are there sites available where I can purchase such templates? What kind of file extensions am I looking for ui templates that would plug into flex mobile in flash builder? If they are free that is great too, though I don't mind paying for good quality app templates and would appreciate suggestions of sites/services that offer this.
Thanks,
Scott

I did come across scalenine.com/gallery which seems to offer flex themes and skins. Are there other alternatives or similar sites that are available for this purpose of offering project templates to start with for flex mobile?

Flex Mobile Images

Similar Messages

Maybe you are looking for