Flex Mobile Best Practies

Hi to every one!!!
I'm try to building an app for mobile with a flex mobile project.
The UI is gonna be something like in the picture:
I would like to know witch is the best practies to put all the grafics element into my views.
For example, for the bricks (that comes from an xml) i created a component, inside the component i put my fxg file in a group with a gap:
My View:
<s:VGroup gap="10">
 <customComponents:BrickComponent/>
 <customComponents:BrickComponent/>
 <customComponents:BrickComponent/>
 </s:VGroup>
BrickComponent:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark" xmlns:assets="assets.*">
 <fx:Declarations>
 
 </fx:Declarations>
 <assets:Brick/>
</s:Group>
The same for the tshirt.
It is a good way like this?
And draw and import from flash catalyst?
Thanks a lot

You might want to look into using .FXG files for your graphics.
These blog posts should be useful for tips on improving performance in your mobile Flex applications:
http://flexponential.com/2011/10/05/performance-tuning-mobile-flex-applications/
http://flexponential.com/2011/04/20/flex-performance-tips-tricks/

Similar Messages

Best practices for "designer - developer" interaction in Flex Mobile

Hi,
I'm starting development of a mobile software application and Flex Mobile is the platform I've chosen for that.
What is the best practice / recommended workflow for designer-developer interaction? For example in web application the designer provides HTML/CSS templates to the developer which integrates them in the Web Application. What is the analogue in Flex Mobile? What should I request as input from the designer?
I'll appreciate any hints, links, advises or previous experience on the topic.
Thanks!
Best Regards,
Dinko

If you're using Adaptive Web Design (CSS3 media queries), you can maintain one site with CSS Layouts optimized for different device widths.
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
jQuery Mobile
http://jquerymobile.com/
If you're actually running separate web sites for mobile and non-mobile devices, have a look at this recent discussion:
http://forums.adobe.com/message/4177360#4177360
IMO, there is nothing wrong with providing links for mobile and non-mobile users to choose which site they would prefer to use -- especially for tablets who may have an interest in both.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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

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 textArea styling the text?

I've read in several documents about TLF not supported in Flex Mobile. I then read about text fields vs textArea and css Style sheets.
I'm trying to keep this really simple 1. cause I'm learning 2. So I can build on best practices 3. I'm still learning....
Example:
Main
<?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"
creationComplete="creationCompleteHandler(event)">
<fx:Script>
<![CDATA[
 import mx.events.FlexEvent;
 [Bindable]
 private var xmlInfo:XML;
 import mx.rpc.events.ResultEvent;
 protected function info_resultHandler(event:ResultEvent):void
 xmlInfo = new XML(event.result.text);← I want to say this is where I need to tell Flex how to interprit the incoming text format.
 protected function creationCompleteHandler(event:FlexEvent):void
 infoXML.send();
]]>
</fx:Script>
<fx:Declarations>
 <s:HTTPService id="infoXML" url="assets/data.xml"
 resultFormat="e4x"
 result="info_resultHandler(event)"/>
</fx:Declarations>
<s:TextArea id="spInfo" text="{xmlInfo}" width="100%"/>
</s:View>
data.xml
<?xml version="1.0" encoding="utf-8"?>
<info>
<text><![CDATA[BoldNot boldArial textNot Arial
]]>
</text>
</info>
Mobile app output
BoldNot boldArial textNot Arial
Thank you in advance.

> How do you mean with the borders Murray? I've never had
any trouble that
> I'm
> aware of? Isn't it fairly common for textfields in forms
to have a box
> round
> them?
Some browsers (Safari comes to mind) won't do borders at all,
and others (I
don't recall which) can actually get surly when you try. I
don't recommend
that you try to style form elements to that level.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Iain71" <[email protected]> wrote in
message
news:f9up7e$9u1$[email protected]..
> Cheers - font-family - of course. Think it threw me when
I typed font :
> and got
> the drop down menu.
>
> How do you mean with the borders Murray? I've never had
any trouble that
> I'm
> aware of? Isn't it fairly common for textfields in forms
to have a box
> round
> them?
>
> Or is there a better method I could be using?
>

Flex Mobile 4.6 introduces Stage Text - how do you render HTML text with it?

I have a little chat component in a Flex Mobile app that I just upgraded to SDK 4.6. The chat component has a text area displaying messages and they are HTML formatted via the following:
StyleableTextField(textArea).htmlText += myHTMLText;
Worked in SDK 4.5 but StyleableTextField is not a part of the new Stage Text framework introduced in SDK 4.6.
How do I HTML format the messages in my chat text area now?

Thanks much for your response.
Hmmm... That appears to work but also causes a runtime exception where there was none before the 4.6 upgrade. It occurs when I autoscroll on receiving a new message in the chat, something that worked fine in 4.5.
I guess I'm kind of wondering what the best practice is here. Maybe I'm just doing this wrong altogether. I'm finding it very difficult to implement probably one of the most basic features one would find in any collaborative app - something that was very easy in Flex 3 - the chat pane. I've had one functioning fine for about 3 years. Not so much in Flex mobile.
Chat is very simple functionality. When you receive a new message from afar...
1. add it to a TextArea with some nice formatting
2. auto scroll far enough so the user can see the new message in its entirety.
Nothing difficult at all.
Why are these two things difficult to find in the TextArea in Flex mobile? It almost seems as though it's something we're not supposed to be doing?
The answer here seems to be don't use Stage Text. Revert to an older TextArea skin. Why? What text area doesn't need formatting as an option? What text area doesn't need to be auto scrolled here and there? Or am I just going about this wrong? Maybe using the wrong components?
I guess for now I can revert to 4.5 skin, but now the code I used to auto scroll on receiving a new message throws a null pointer exception. I've been using the valueCommit property to auto scroll, as follows:
valueCommit="textArea.scroller.verticalScrollBar.value = textArea.scroller.verticalScrollBar.maximum"
Haven't had a problem prevously. But this now throws:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.components::ChatWindow/__textArea_valueCommit()
What's the best practice to accomplish this and also to be able to take advantage of the latest and greatest?

Flex Mobile Application with online database

Hi,
I would like to create a Flex Mobile Application but this one have to be read/connect to a online database ?
I don't found any tuto or infos about that...
Could you please tell me if it's possible and if yes, how to do that
Thanks in advance !

I don't understand one thing...
There are different type to do a connection between Flex and PHP.
Which one is the best ?
1. With AMF (Flex : service-config.xml, RemoteObject) (http://www.adobe.com/devnet/flex/articles/crud_flex_php_zend.html)
2. With Zend Framework (Flex : Callresponder, Time,...) already included in Flash Builder 4.5 (http://devzone.zend.com/1701/flex-and-zend-framework_part-1/)
3. With Zend Server and Flash Builder 4.5 with PHP (http://www.adobe.com/devnet/flash-builder/articles/flashbuilder-php-part1.html)
It's three differents approach but in 2 & 3, it's auto configured with Flex.. however to do a connection between Flex Mobile & PHP (online), I have to use the solution 1
So, if somebody can help me to explain and understand the difference between that.
thanks

Possible to obtain phone IMEI number with flex mobile project?

Just like the title says, is it possible to obtain phone IMEI number with flex mobile project? If not, does anyone know of another method to get a unique number to identify the phone being used (on android and iphone)? I'm asking because I'm building a chat application, and I need a way to potentially ban users based on something other than an IP address.
edit: now that I think about it, an IMEI number might not be the best way, since wifi tablets may not hav an IMEI number, anyone have any other idea how I could get a number to identify a device that would already be present, because i'm afraid if its something generated by me, a simple uninstall and re-install could circumvent a ban.

If this is an Android project, you can use this ANE:
http://blog.snowflax.com/native-imei-action-script-extension-for-android/
I have verified that it does work and provides the IMEI. For cases where there is no IMEI ( bc the device is not a mobile phone, or it uses IMSI instead ), you can just bypass the device id check with your database, and enable full functionality.
Although this is not full-proof, it will nevertheless screen a lot of devices. With this, you can keep track of the number of app installs / resets, and add a 'banned' flag if you want to in your DB -- if you see unusal activity ( like: unsually high number of re-installs ).
-----> UPDATE:
I just found this ANE which includes a class called 'SystemProperties', to find the IMEI/IMSI/serial/phone number on Android, and the MAC address on iOS:
https://github.com/mateuszmackowiak/NativeAlert
I have verified that the iOS part works, but haven't tried the Android side, yet. Note: for iOS, it will also give you a UUID ( even though the object tag claims it is the UDID -- it's not ), which is worthless as a persistent means of identifying the device. since it gets reset on each app re-install. So, for iOS, you have to use the MAC address, unless you are willing to store/restore the UUID into EncryptedLocalStore, as suggested by a user in:
http://stackoverflow.com/questions/6794493/get-unique-identifier-mac-address-udid-etc-in-a dobe-air-for-ios

Flex mobile add emoticons and text

I created a chat program in the mobile project, but I can not add emoticons，I know textarea can not display pictures,So I reluctantly use RichEditableText, it can add a picture, but why can not I enter characters (letters and Chinese characters) in the phone debugging, just enter only numbers, and punctuation symbols。Or there are other ways to solve add text and pictures？

Thanks much for your response.
Hmmm... That appears to work but also causes a runtime exception where there was none before the 4.6 upgrade. It occurs when I autoscroll on receiving a new message in the chat, something that worked fine in 4.5.
I guess I'm kind of wondering what the best practice is here. Maybe I'm just doing this wrong altogether. I'm finding it very difficult to implement probably one of the most basic features one would find in any collaborative app - something that was very easy in Flex 3 - the chat pane. I've had one functioning fine for about 3 years. Not so much in Flex mobile.
Chat is very simple functionality. When you receive a new message from afar...
1. add it to a TextArea with some nice formatting
2. auto scroll far enough so the user can see the new message in its entirety.
Nothing difficult at all.
Why are these two things difficult to find in the TextArea in Flex mobile? It almost seems as though it's something we're not supposed to be doing?
The answer here seems to be don't use Stage Text. Revert to an older TextArea skin. Why? What text area doesn't need formatting as an option? What text area doesn't need to be auto scrolled here and there? Or am I just going about this wrong? Maybe using the wrong components?
I guess for now I can revert to 4.5 skin, but now the code I used to auto scroll on receiving a new message throws a null pointer exception. I've been using the valueCommit property to auto scroll, as follows:
valueCommit="textArea.scroller.verticalScrollBar.value = textArea.scroller.verticalScrollBar.maximum"
Haven't had a problem prevously. But this now throws:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.components::ChatWindow/__textArea_valueCommit()
What's the best practice to accomplish this and also to be able to take advantage of the latest and greatest?

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

Some questions to Flex Mobile

Hey there,
does Flex Mobile / Flash Builder 4.5.x supports this things to Apps on iOS & Android?
- Sound/Musicplayback
- Videoplayback
- SQL on a dedicated server
- Send an eMail from the App
- use the native keyboard of the device (such as iOS)
Thank you!
- bb

Yes to all except the email... I don't think you can even do that in a native iOS app... I could be wrong though. The best you can do is navigate to a mailto: link to initiate the native mail support on the device.

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

Database and Views, Flex Mobile

HI !
in flex mobile, every time I do a query, I have to re-open the database for each view? thanks!

I'm guessing you have to reconnect your class because you are instantiating it in each view
the idea is to instantiate and connect the database class and each view use the same instance (which is already connected) so you only want to instantiate the class once
You could do that in the main app and pass it to each view that needs it, but that can get complictaed and tedious for larger apps and not good practise
or use a singleton which acts like a global or static class, the same instance available everywhere
or (the best way) use a framework which instantiates the class for you and you can simply inject it to each view.
there are plenty of guides to AS3 singletons on google
I found this video useful. Its a bit long but might give you some ideas on the way to go
http://tv.adobe.com/watch/max-2010-develop/flexactionscript-30-architecture-and-dependency -injection-frameworks-overview/

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 )

Flex Mobile Best Practies

Similar Messages

Maybe you are looking for