Flex Mobile Projet - ActionBar position
Hi, I have created a Flex mobile project, with ViewNavigatorApplication layout. I want to position the ActionBar in the bottom of the app, rather than the default top aligned. How can I do that?
I tried by setting the this.navigator.actionBar.y = 300; in the creationComplete of the application, but as I navigate to any other view, it jumps back to top.
Please suggest.
If you can't find a better solution, extend the View class and add the code to this extended view. All your view will then have to extend this view.
You would have to add something like navigator.actionBar.y = FlexGlobals.topLevelApplication.height - navigator.actionBar.height; in the creationCompleteHandler (i would use a callLater because your change will be overwrited by the view_creationCompleteHandler) and in the viewActivate Handler. The navigator will always flash at the top when you switch view... It's why I hope you'll find a better way to do it.
Similar Messages
-
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> -
Flex mobile projet using air = 3.5
Hi everyone,
My issue is quiet simple to explain :
I can't create a "Tabbed Application" using the Air sdk version 3.5 or later.
Using Flash builder 4.6 or 4.7, the issue is the same :
1/ New flex mobile project : OK
2/ Selecting Tabbed Application : OK
3/ click on "Finish" button at the botton : KO
When I click this finish button, i see the loading window and then this window diseapear and I stay on the "Mobile Settings" window
The only way to create a Tabbed Application is to select the 3.4 version of the AIR sdk.
Do you have the same issue ?
Thanks a lot in advance.If I undestand correct, the unload() is unsuported yet, so it just hangs in the memory
In the tests I did, when I put two loads for the same swf, the app freezes, so I don´t know what you can do there.
For the "code", you just need to put the LoaderContext on the loads, something like this:
Frame 1:
var myLoader:Loader;
var loaderContext:LoaderContext = new LoaderContext(false, ApplicationDomain.currentDomain, null);
if(myLoader == null){myLoader = new Loader(); addChild(myLoader); }
else {myLoader.unload();}
Frame 2:
myLoader.unload();
myLoader.load(new URLRequest("file1.swf"),loaderContext);
Frame 3:
myLoader.unload();
myLoader.load(new URLRequest("file2.swf"),loaderContext);
Frame 4:
myLoader.unload();
myLoader.load(new URLRequest("file3.swf"),loaderContext);
Regards,
Rogério Gonzalez -
Text positioning not correct while typing in Flex Mobile Text Area
When I try to write text in Flex mobile TextArea, the text positioning is not correct. What might be the issue? Do I need to specify some Skin Class for it?
Could be that the font doesn't have Hindi chars support and the text you paste is HTML chars.
You could try to embed a font you know has the appropriate chars and use that for global and Applications CSS classes. -
Flex mobile: actionbar chrome always has a gradient look
Hi,
I have a mobile app based on ViewNavigatorApplication. I want the action bar to have a single flattened color.
I have following declaration in the app main mxml file
s|ActionBar
chromeColor: #000000;
In spite of this, the app’s action bar always has a gradient look. Am I missing anything here ?
also, i tried setting the following values too
backgroundAlpha: 0;
contentBackgroundAlpha: 0;
accentColor: #000000;
but didnt get the required results.
Thanks,The gradient is created by the skin based on the chrome color. You will need to create a custom skin to not draw a gradient.
Here is an example custom skin that extends ActionBarSkin to accomplish this.
SolidActionBarSkin.as:
package
import mx.core.DPIClassification;
import spark.skins.mobile.ActionBarSkin;
public class SolidActionBarSkin extends ActionBarSkin
override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void
var chromeColor:uint = getStyle("chromeColor");
var backgroundAlphaValue:Number = getStyle("backgroundAlpha");
// border size is twice as big on 320
var borderSize:int = 1;
if (applicationDPI == DPIClassification.DPI_320)
borderSize = 2;
graphics.beginFill(chromeColor, backgroundAlphaValue);
graphics.drawRect(0, borderSize, unscaledWidth, unscaledHeight - (borderSize * 2));
graphics.endFill();
And the CSS to use it in your application:
<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
firstView="views.ReproMHomeView">
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
s|ActionBar {
skinClass: ClassReference("SolidActionBarSkin");
</fx:Style>
</s:ViewNavigatorApplication> -
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.
-
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 -
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?
- BBCheck 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
-
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,
iBrentAlright, 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 -
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,
ScottI 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 Project only lists "Google Android" in Target Platforms
I just downloaded the masters colection cs5.5 and im am using FlashBuilder 4.5. When I create a new Flex Mobile Project, only Google Android is a target platform. I don't see Blackberry or iOS as options.
I do see Apple iOS when I create a mobile ActionScript project.
This must be due to a configuration setting. Can anyone help?
i have already looked at this peron post and i have tryed all of the sollutions and none of them seem to work http://forums.adobe.com/thread/867857That didn't help me either. Ultimately, here's what I did.
I uninstalled and reinstalled the software
After it was reinstalled, I updated to the 4.5.1 SDK PRIOR to doing any other software update.
Then I updated the Software
The software update found all new items and installed them properly (which is what I believe the issue is -- if you update prior to using the 4.5.1 SDK it doesn't install the required bits).
Now it seems to be working for me.
Not sure if that's the problem, but that's how I fixed it.
Maybe you are looking for
-
Satellite C660-1CV - hard disk crashed in 2 days
I have purchased Toshiba laptop(C660-1CV) from a local dealer just before two days. I had loaded VMware along with couple of VMs and some other important software. In spite of my company insisting for lenevo I had gone for Toshiba because I trust the
-
Restored Ipod Malfunctioning when Connecting to Power
Hi all, i am hoping that someone can help me out with the following issue. Any help would be much appreciated. I recently restored my iPod and when it prompted me to connect the iPod to the power via the apple power socket i did so. The Apple logo ap
-
Polycom CX 600 - Certificate web service cannot be found
Hi All, I know, there are some same issues in the forum, bot those are not helpful for me. My problem is the same, via network cable (using just DHCP) the Polycom CX 600 Lync Phone are not able to sign in (however 1 month ago it was), returning the e
-
Vision Run-Time Evaluation Period
HI NI, I have an application that uses NI Vision functions which require a Vision Run-Time license. When I distribute this application to potential customers they should be able to run the application with the Vision Run-Time license in "evaluation
-
i just installed an update on my Iphone and the display on the screen says connect to Itunes, itunes says it is in recovery mode and i had to restore the phone to its original settings, and then it didn't work at all. anyone have any suggestions??