Building A Mobile App Using Flash Builder 4.Five

 ›  › Building A Mobile App Using Flash Builder 4.Five

Mobile Devices

Building A Mobile App Using Flash Builder 4.Five

Adobe has recently released Flash Builder four.Five. This release permits developers to construct “Mobile Apps” for a number of mobile device systems, further to developing internet applications and computing device applications the use of MXML and Actionscript 3.

mobileapp-flightstatus.jpg (1384×578)

This launch appears squarely centered at coping with the latest feedback from Steve Jobs and others, and the ensuing debate over whether or not Flash is useless, given the abilities of HTML 5 and other technological traits.

Since this is pretty a prime release for Adobe and an essential new functionality for us Flex builders we notion we would undergo the technique of growing a smallish App and imposing it on some of the gadgets. The idea of being able to expand Mobile Apps for an extensive range of cell devices using an unmarried code base is truly an appealing one.

Overall, the developer experience that Adobe has added with Flash Builder four.Five is pretty outstanding, although there are one or two quite essential omissions. Given the variations in Operating System, display screen length, display resolution, and handset functionality deploying a Mobile App for a range of gadgets are a frightening assignment. Whilst it does not clear up all issues, Flash Builder four.5 is truly a tremendous start.

Target Market

Flash Builder 4.5 does not target each mobile tool in the marketplace. It targets mobile devices going for walks Android 2.2 and upwards, iOS (iPhone 3G, iPhone 4 and iPad) and QNX (Blackberry Playbook Tablet). These are basically the excessive functionality present day Operating Systems for Smartphones and Tablet PCs. That covers around 50% of the existing cellular tool installed base and quite possibly a far better percentage of new mobile tool income. The important omissions to the target systems available are Symbian, Blackberry Smartphones and Windows Mobile 7.

Development Environment and Experience

Overall, using Flash Builder 4.5 to increase Mobile Apps is broadly similar to the use of it to develop laptop packages for Adobe Air or web programs jogging inside the Flash Player. The Flash Builder improvement environment is properly included with the relaxation of Adobe’s offerings including Creative Suite five.Five and Flash Catalyst so you can increase belongings in those applications and import them into Flash Builder effortlessly. Developers use MXML and Actionscript to expand the App, but there is a more constrained variety of user controls. Importantly there’s the identical connectivity to records services the use of Web Services, AMF, HTTP and comparable.

Read More Article :

Differences to Developing an Air or Web Application

The ViewNavigatorApplication Tag

The first difference you observe with growing Mobile Apps is that in preference to an Application tag that is used for growing Air and web programs, you have got a ViewNavigatorApplication tag. With the Application tag you usually region a navigation control after which place child components (correctly the exclusive views) in the navigator manage. This offers builders the potential to recognize what additives are being used irrespective of how deep they are buried within the document hierarchy. With ViewNavigator but whilst you navigate to a specific View you “pop” a special View onto the screen by using call. You can then pop other views later in response to occasions and user actions. You need to cross back to the home screen via the same view order but in the opposite.

mobile-app-development.jpg (1000×1000)

With the Application tag since you are privy to what additives represent your child displays, you could configure the application to bypass any required statistics from the main application to the child additives. Since residences are commonly strongly typed, Flash Builder will provide construct time errors if you are trying to get admission to or bypass belongings that don’t exist. With Mobile Apps and the ViewNavigator tag, the compiler does not, in reality, see the other Views that are part of the application till runtime thus the developer loses a crucial stage of mistakes checking earlier than runtime. In addition, Views simplest have an unmarried “Data” property. The Data assets can be any object, so you can bypass a collection of all the facts you require but construct time mistakes checking is lost on whether or not houses inside the information being exceeded genuinely exist.

No Drop Down List

There is not a drop-down listing in Flash Builder Mobile. No, there virtually is not. To me, this seems the largest oversight and I expect in Flash Builder five, or hopefully, earlier than that, they may fix it. However, for now, the workaround is to have a button that looks as if a drop-down list (has a skin with a drop-down listing icon) and then whilst the person clicks the button, to pop up a component based totally around the “SkinnablePopUpContainer” with a list of your objects inside it. So you could turn out to be something that looks to the person like a drop-down listing but is without a doubt a button that calls a pop up with a list of items.

No MX Components Except Charts

No MX additives will work except charts. The MX namespace is not available in Mobile Apps so a maximum of the MX additives isn’t available within the drop-down menu inside the intellisense editor. In addition, a number of the Spark additives (eg dropdown list) are “Not Mobile Optimized” that’s Adobe’s manner of saying they probably won’t paintings. In fashionable but, there are enough controls to create the display you need.

From the appearance of it then, being able to come up with something as a way to appear good on every display screen looks as if undertaking not possible. However, Flash Builder comes with built-in capabilities that help notably. Firstly, you may say what display density you are targeting and then when the App loads if the tool being used has a special display screen density, the App will reduce and enlarge buttons and other components as required. Flash Builder categorizes every tool as having one in every of 3 display densities, either 160, 240 or 320 dpi.

Document (1392×1388)

Bitmap images but decrease and develop very poorly so the above technique is not appropriate. To manage this, Adobe has furnished the “MultiDpiBitmapSource”. This is wherein in case you are the use of a bitmap because the icon for a button, you can offer three distinctive versions of the same bitmap to the button, each sized to goal screen density a hundred and sixty, 240 or 320. Flash Builder will then come across what the tool is and use the ideal bitmap as the icon.

Finally, you may also offer distinctive settings in your case report that allow you to change settings for specific screen densities, and also special Operating System.

The end result is that you can code as soon as and then after which after spending some attempt ensuring it appears as true as possible in numerous conditions, it will appear quite properly in maximum devices. If you’re targeting the total spectrum of devices you’ll have some sort of trade-off of time spent on styling v the payback for each tool. Some research into the target audience size for every tool and then prioritization will permit you to make appropriate decisions on what the principle device need to be and then how lots time has to be spent styling for the alternative gadgets.

Testing the App in Flash Builder

Flash Builder comes with a very good approach to being able to see what your screen will seem like on one-of-a-kind devices. Firstly at design time you can pick out from a drop-down list of gadgets and spot the outcomes. Then with the aid of deciding on different run configurations by way of Operating System and tool, you may run the utility and notice the effects on every tool.

Share this Post:
Building A Mobile App Using Flash Builder 4.Five Reviewed by on January 25, 2018 .

Adobe has recently released Flash Builder four.Five. This release permits developers to construct “Mobile Apps” for a number of mobile device systems, further to developing internet applications and computing device applications the use of MXML and Actionscript 3. Related Posts:Small Business Mobile MarketingFive Awesome iPhone Apps Redesigned for AndroidMy 12 Favorite Apps for the iPad

ABOUT AUTHOR /