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

Similar Messages

Datagrid for flex mobile apps

Hello,
Since in-built Datagrid component is not optimized to be used in flex mobile apps, what is the best alternative we can go ahead with?
I have seen some of the posts which says that we can use List. But I'm still unable to find how List can be used. As we would need multiple columns, should we be using multiple Lists for each column?
Kindly let me know if any of have have got this working and how.
Appreciate your help..
-Deepak

Anyone please?:) Flex HarUI ??

Flex mobile app - which data grid control to use?

Hi,
Trying to build my first Flex mobile app in FlashBuilder 4.6 and I need a grid control to display a 2 dimmensional array of 6 columns x 50 rows.
The user doesn't don't need to have any interraction with the grid except for scrolling the rows.
I was looking at using dataGrid component but adobe doesn't recommend it for mobile apps.
Is there a grid component that is recommended for mobile apps?
Thanks

Here it is.
// Show empty grid to start
private function initGrid():void
    const dataArray:Array = new Array(1);
    var values:Array = new Array(1);
    values[0] = "";
    dataArray[0] = values;
    grid.dataProvider = new ArrayCollection(dataArray);
// Build array and feed it to the grid - 50 rows x 9 columns dataGrid (grid)
protected function FillGrid():void
var rows:int = 50;
var columns:int = 9;
// rows array
const dataArray:Array = new Array(rows);
// Get rows
for(var row:int=0; row<rows; row++)
const arrLine:Array = [columns+1];
arrLine[0] = row+1;
for(var col:int=1; col<columns+1; col++)
   // columns array
   arrLine[col] = Math.floor(Math.random()*10);
dataArray[row] = arrLine;
// At this point the multi dimensional array is assembled, now we connect it to the dataGrid
grid.dataProvider = new ArrayCollection(dataArray);

<s:Panel id="tablePanel" x="519" top="91" width="470" height="400" color="#827259" fontSize="18" title=".">
<s:DataGrid id="grid" left="5" right="5" top="5" bottom="5" selectionMode="singleRow" initialize="initGrid()" fontSize="17" >

<s:itemRenderer>
   <fx:Component>
    <s:DefaultGridItemRenderer>
     <fx:Script>
      <![CDATA[
       override public function prepare(hasBeenRecycled:Boolean):void
        label = data[columnIndex];
      ]]>
     </fx:Script>
    </s:DefaultGridItemRenderer>
   </fx:Component>
</s:itemRenderer>
<s:columns>
   <s:ArrayList>
    
    <s:GridColumn id="zero"    headerText="N0" width="65" resizable="false"/>
    <s:GridColumn id="one"     headerText="N1" width="45" resizable="false"/>
    <s:GridColumn id="two"     headerText="N2" width="45" resizable="false"/>
    <s:GridColumn id="three"   headerText="N3" width="45" resizable="false"/>
    <s:GridColumn id="four"    headerText="N4" width="45" resizable="false"/>
    <s:GridColumn id="five"    headerText="N5" width="45" resizable="false"/>
    <s:GridColumn id="six"     headerText="N6" width="45" resizable="false"/>
    <s:GridColumn id="seven"   headerText="N7" width="45" resizable="false"/>
    <s:GridColumn id="eight"   headerText="N8" width="65" resizable="false"/>
   </s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Panel>
Tomexxus

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 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

ANE for one platform on Flex mobile project for iOS and Android

I'm very new at Flex Mobile Projects and native extension.
I have a big doubt... If I have an ANE that only works on iOS or Android, can I use it into a project for Android AND iOS?
I mean, if I want to do something and I've only found and ANE that works for iOS and another ANE that works for Android, can I create only one project and depending on the device use one or another? or should I create two different projects?
Thanks in advance

You can set them both up and when you publish just comment out the code that does not apply, this way you still keep it as one project but you can use the ANEs as needed, I had to do this with the iAd ANE only for Apple obviously and AdMob ANE which at the time was Android only.
Example
//Android ANE Code
blah blah blah
//iOS Code
code code code
Now when you publish for iOS comment out the Android related stuff
//Android ANE Code
blah blah blah
//iOS Code
code code code
Also dont forget to update your included ANEs when you publish and remove the ones that dont apply and update the XML files as needed. Its possible, but annoying, it would be nice if it was automated or could be flagged somehow so the Flash publisher would auto ignore it.

Flex mobile app for Kindle Fire? is it possible?

Hi, I read this in the kindle amazon developer faq, is it possible to develop Flex 4.6 mobile apps for Kindle fire? even thought it doesn't show up in the
list of devices?
any Gotcha's I need to look out for?
Is Adobe AIR pre-installed on Kindle Fire?
Yes, developers can publish Adobe AIR 3 applications for the Kindle Fire by packaging them as ‘captive runtime’ applications. However, these captive runtime applications will not support on-device debugging.
thanks,

More info here: http://blogs.adobe.com/flashplatform/2011/11/amazon%E2%80%99s-kindle-fire-lights-up-app-cr eativity.html

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

Converting Burrito Flex Mobile App to Desktop

Hi Guys! Have just developed an app for Android using Burrito. It works nicely on a phone but it is also great as a little 'widget like' desktop app.
Is there any way to package it so that it may be distributed as an Air app that runs exactly like it does when run in emulation mode (adl) from Flash Builder? If not, what is the simplest path to convert the <mobileApplication> to a <windowedApplication>?
Thanks,
Richard
Update: Surprised no one has answered this. I am new to Flash Builder and I figured you guys would know. Have been looking at viewstacks in standard Air apps and trying to figure how to use this to achieve the same effect as a mobile app. Looks like quite a lot of work to rewrite the app to Air on the Desktop ... is there an easier route .... anyone?

Hi Richard,
I was able to complile and deploy my Android app using command line air/android packaging and adding required air swc's to my project. I used the following packageApplication.bat(downloaded from livedocs) to package my MobileApplication as both an air app and android:
:: AIR application packaging
:: More information:
:: http://livedocs.adobe.com/flex/3/html/h ... ml#1035959
:: Path to Flex SDK and ANDROID binaries
set PATH=%PATH%;C:\Program Files (x86)\Adobe\Adobe Flash Builder Burrito\sdks\4.5.0\bin;C:\Program Files (x86)\Adobe\Adobe Flash Builder Burrito\jre\bin
:: commented set PATH=%PATH%;C:\PATH_TO_YOUR_ANDROID_SDK\android-sdk-windows\tools
echo PATH Set to %PATH%
:: Signature (see 'CreateCertificate.bat')
set CERTIFICATE=testCert.p12
set SIGNING_OPTIONS=-storetype pkcs12 -keystore %CERTIFICATE%
if not exist %CERTIFICATE% goto certificate
echo CERTIFICATE_FILE: %CERTIFICATE%
:: Output AIR
if not exist air md air
set AIR_FILE=air/FlashClientMobile.air
echo AIR_FILE: %AIR_FILE%
:: Output APK
if not exist apk md apk
set APK_FILE=apk/FlashClientMobile.apk
echo APK_FILE: %APK_FILE%
:: Input
set APP_XML=FlashClientMobile-app.xml
set FILE_OR_DIR=FlashClientMobile.swf assets
echo APP_XML: %APP_XML%
echo FILE_OR_DIR: %FILE_OR_DIR%
:: MEecho Signing AIR setup using certificate %CERTIFICATE%.
echo AIR COMMAND adt -package %SIGNING_OPTIONS% %AIR_FILE% %APP_XML% %FILE_OR_DIR%
call adt -package %SIGNING_OPTIONS% %AIR_FILE% %APP_XML% %FILE_OR_DIR%
if errorlevel 1 goto failed
:: echo.
:: echo AIR setup created: %AIR_FILE%
:: echo.
echo Signing APK setup using certificate %CERTIFICATE%.
call adt -package -target apk %SIGNING_OPTIONS% %APK_FILE% %APP_XML% %FILE_OR_DIR%
if errorlevel 1 goto failed2
echo.
echo APK setup created: %APK_FILE%
echo.
:: APK INSTALL
echo Installing package... %APK_FILE%
call adb install %APK_FILE%
if errorlevel 1 goto failed2
echo.
echo Android setup installed: %APK_FILE%
echo.
goto end
:certificate
echo Certificate not found: %CERTIFICATE%
echo.
echo Troubleshotting:
echo A certificate is required, generate one using 'CreateCertificate.bat'
echo.
goto end
:failed
echo AIR setup creation FAILED.
echo.
echo Troubleshotting:
echo did you configure the Flex SDK path in this Batch file?
echo.
:failed2
echo Android install FAILED.
echo.
:end
pause
//END BATCH FILE
I then did a diff between a Flex Buritto Moblie/AIR project library swc's included and identified swc included in AIR and missing in mobile. I updated the project libraries by adding the following swc's:
sparkskins.swc
utilities.swc
aircore.swc
airframework.swc
airspark.swc
applicationupdater.swc
applicationupdater_ui.swc
Then performed a clean build and ran packageApplication from my bin-debug dir and was successfully able to install and run the mobile application on the desktop :-).
Being new to supporting mobile phones, tablets, TV screens along with our web and desktop clients I am not yet sure how we will structure our projects and get maximum code reuse and UI consistancy across these form factors. I have already created a common library project containing all remote stubs, value objects and common utilities and am still trying to figure out how much mileage I can get out of my mobile views. I like the View Navigator and ActionBar navigation on all screens we support and am thinking to extend the ViewNavigator and add additional states along with the 'portrait' and 'landscape' currently offered, like 'portraitPhone', 'portraitTablet', 'portraitTV', 'portraitPC' and leverage my existing mobile views to use these states to adjust the UI layout to accomodate the new realestate... but still learning...
Hope that helps!
Cheers,
Greg

How to access an Oracle Lite 10.2 from native VC++ 2005 mobile app

Hi,
I'm developing a MS VC++ 2005 mobile app than will run on Mobile 5 ARM devices. This app needs to connect to an Oracle Lite 10.2 Lite database that is currently installed on those devices.
I know that the MFC and ATL libraries are not "fully" supported on the mobile platform I need, so I need a way to connect to the Lite database, as those libraries don't provide that kind of functionality.
I've been looking around for ways to connect to a Lite Database using VC++ 2005 native, but nothing seems to work!
I've tried SODA but I simply couldn't connect to the database. After that, I've tried OLEDB, as I folowed articles on adapting MFC oledb.h to the mobile platform. Useless, because the articles focused only SQL Server CE.
Anyone can give me a clue how to access the lite database from VC++ 2005?
Isn't there any library like the Oracle.DataAccess.Lite_wce.dll for the CF.NET I can use?
Thanks in advance.
-- Manuel Costa

Marc,
Where can I find those libraries? Are they available to download in the Oracle site?
The SODA Api has very few documentation, only an Oracle HTML document.
Do you know any links with useful tips and examples I can use?
By the way, the Soda API I tried implemented the try-catch exception handling using a special lib (not the try-catch available in the standard VC++ 2005). Has this been changed in the more recent versions you pointed out?
Thanks in advance.
-- Manuel

How can I have html5 audio continue to play in background in iOS7 from my flex mobile app

I have mobile app I've developed in flash builder 4.6 (flex 4.12 sdk) and I have a stagewebview component which contains HTML5 audio (mp3 retrieved from my web server and streamed / played via the app)... I want to have the ios version of the app CONTINUE to play the mp3 / html5 audio when the user presses the home button on their iphone or opens another app... so that when multitasking, my audio continues to play (where theres no other NEW audio started, for instance).
I have added the following to my manifest but it still doesnt do what Im after. I used this in another mobile app where I just play audio from the url directly in flash builder (i.e. NOT via webview component) -- but here it seems the webview suspends (Im guessing)...
<iPhone>
    <InfoAdditions><![CDATA[
        <key>UIDeviceFamily</key>
        <array>
            <string>1</string>
        </array>
        <key>UIBackgroundModes</key>
        <array>
            <string>audio</string>
        </array>
    ]]></InfoAdditions>
    <requestedDisplayResolution>high</requestedDisplayResolution>
</iPhone>
Is there a way around this so my audio continues to play? My test device is an iphone 4 running the latest version of ios7

You can import audio files into Logic (as easy as drag and drop). You can download these loops from the Internet from a variety of sources both free and paid. Just do a Google search for those.
Once you've imported the file into Logic Pro, right click on the audio region and scroll down to the "Convert" option about halfway down the menu. The top option will be "Add to Apple Loops library" - click this, and it'll add the file into your Apple loops.
It won't affect the other loops in the library.

Why my flex mobile apps kill by android system ?

Hello ,
I had developed a android mobile apps that retrieve GPS lcoation via flash geolocation object.
After i press home button and i try to open others apps such as facebook, somehow my apps has been killed by android and i have to reopen again my mobile apps.
Any idea how to prevent my apps be killed by android if it is running behind ?
Appreciate if you can share some information with me
Regards,
Chua

Adobe's attitude is not only incredibly insulting and ignorant, it is also short-sighted, particularly considering the top android handsets would actually allow their apps to be more flexible and powerful as they have more RAM at their disposal and the very popular Galaxy Note series would be a perfect device with its integral stylus. This is not acceptable and makes me reconsider staying with my CC subscription. I guess it is time to start looking for adobe alternatives or at the very least demand a discount in our subscription as we are unable to use a large chunk of the subscription portfolio.

Open PDF file into flex mobile app

Hy,
I use this method to open a web page into my flex mobile application and I want to now if is possible to make the same for an PDF file.
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" title="Test"> <fx:Script> <![CDATA[ import flash.net.URLRequest; import flash.net.navigateToURL; import flash.display.MovieClip; import flash.media.StageWebView; import flash.geom.Rectangle; import flash.events.KeyboardEvent; import flash.ui.Keyboard; import flash.desktop.NativeApplication; import mx.events.FlexEvent; private var browser:StageWebView;
protected function onButtonClicked(event:MouseEvent):void { browser = new StageWebView(); browser.viewPort = new Rectangle(0, 0, 100, 200); browser.stage = this.stage; browser.loadURL("http://adobe.com"); } ]]> </fx:Script> <s:Button x="209" y="67" label="test" click="onButtonClicked(event)" /></s:View>

Rangrajan,
If you have the complete URL to the file; for example http://forums.adobe.com/filename.pdf
or C:\users\yourname\filename.pdf
Although I have not used it, you can pass the URL to Drumbeat Insight iFrame
You can try their product, get prices for source code or library here: http://drumbeatinsight.com/products
They offer email support for their products.
You can make your own iFrame, with several sources. Here is some background.
http://www.ozzu.com/flash-forum/targeting-iframe-from-flash-t30013.html
Let me know if this solves your file issue.
I need to write a server-side app to listen to my web service, upload the PDF, then write a temporary file.pdf to the server,
before my web app can load the PDF into a web hosted iFrame.
Adobe needs to make this easy (and I even know some developers in the San Jose Adobe headquarters).
Bruce

Flex mobile app attach complex AS3 movieclip SWC

I have a Flex mobile project and I want to place a complex movieclip on the stage that has its own classes and exported from Flash CS5.5 as a SWC.
OK no worries there but as soon as I have addChild called in the Flash movieclip/SWC.. Flex errors and cannot access null object reference.
I also went down the Flex Component Kit though then I can't seem to access the classes??
Any thoughts or suggestions appreciated.

Did you ever find a solution?

Can we integrate whatsapp in a flex mobile app????

I am working on a text generator in flex mobile. I wanna share that text via whatsapp. How can i implement this?? Please help me.
Thanks in advance.

Thanks. I using StageWebView to display a local HTML file(file://). But while I tried adding ExternalInterface addCallBack code and tested in the emulator - got the following error
Main Thread (Suspended: Error: Error #2067: The ExternalInterface is not available in this container. ExternalInterface requires Internet Explorer ActiveX, Firefox, Mozilla 1.7.5 and greater, or other browsers that support NPRuntime.)
Does it mean ExternalInterface cannot be used in a Mobile project using StageWebView?

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

Similar Messages

Maybe you are looking for