Native UI in Flex Mobile Application action bar

Hi all

I managed to port sample WeatherGuesser of FDT Mobile AS Application and market.

But how to do so that the port in Flex Mobile application.

I would use native look of the action bar, back and all that.

are there opportunities to achieve.

Thank you

Vedran

Any QNX control should be wrapped in a Flex control that you want to include in the MXML. It works well as a control of AS3.

Tags: BlackBerry Developers

Similar Questions

  • Flex Mobile Application and get the time zone

    Hello

    I need to know the time in a Mobile application in order to perform some calculations.

    The problem is that I need to know the time from the GMT.

    Is there anyway to zone set by the user to detect or somehow get the time?

    not tried but it's any help

    Date

    timezoneOffset : number

    [read-only] The difference, in minutes, between the time universal (UTC) and the local time of the computer.
  • How to remove the bar Ttile of Flex Mobile Application?

    Hi all

    While think it won't with the ActionScript application, trying to go with Flex application (which has a little better for me), I have a question - is there a NORMAL way (not weird) to hide the title bar on top?

    Any help is appreciated.

    Ah cannot edit on my phone but there is a typing error in the line I wrote its actually supposed to have a 'B' capital as so:

    actionBarVisible = "false".

    Hope that confuse you. Good luck!

  • Camera shows distortion tint/color pink when you access in Flex Mobile Application on Android

    Hi all

    I use Flash Builder 4.5.1 and test capabilites camera using simple super code just to see that it works, but I have enctountered a bug I can't fix.

    Description of the bug

    When I debug on the desktop using the webcam everything works fine, but when I test my application on a Samsung Galaxy S2 (Android) the colors of the image are distorted - all the bright colors have a pinkish tint.

    • The problem occurs in when you debug and when running a build of the final version.
    • I set the permissions of camera for the project.
    • The unit works fine when tested in the native application of camera of the device.

    The application code

    It's all of my application code:

    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                                     xmlns:s="library://ns.adobe.com/flex/spark"
                                     xmlns:local="*"
                                     xmlns:assets="assets.*"
                                     applicationDPI="240" xmlns:mx="library://ns.adobe.com/flex/mx"
                                     creationComplete="init()">
              <fx:Script>
                        <![CDATA[
                                  import mx.core.UIComponent;
                                  import mx.events.FlexEvent;
      
                                  protected function init():void
                                  {
                                            var camera:Camera = Camera.getCamera();
                                            if(camera)
                                            {
                                                      var ui:UIComponent = new UIComponent();
                                                      var video:Video = new Video(320,320);
                                                      camera.setMode(320,320,24);
                                                      video.attachCamera(camera);
                                                      ui.addChild(video);
                                                      cameraGroup.addElement(ui);
                                            }
                                  }
      
                        ]]>
              </fx:Script>
              <s:Group id="cameraGroup" width="320" height="320" />
    </s:Application>
    
    

    Example of bug (screenshot taken of Android device)

    screenshot.JPG

    Anyone know how to fix this? Help !

    Thank you!

    I have attached, just update your version of adobe air (on computer and Galaxy) 3.0

  • How to insert a background image in VGroup in Flex Mobile

    I want to insert a background image for the VGroup. Help out me. I'm new to Flex!

    I use this code in the 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 = "{Homearticles}" >

    < 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 that you can add a background image to a VGroup directly, or VGroup can be skinned.

    As much as I know there are probably 2 solutions

    (1) use a SkinnableContainer skin rather the container to have a background image and set its layout to VerticalLayout

    (2) place the VGroup one group with a BasicLayout. You can then add a background image for the Group and the overlay VGroup

  • Flex Mobile 4.6 this step text - how render you HTML text with it?

    I have a little cat component in a Flex Mobile application that I just upgraded to 4.6 SDK.  The chat component has a text box displaying messages, and they are HTML formatted by the following text:

    StyleableTextField (textArea) .htmlText += myHTMLText;

    He worked in the SDK 4.5 but StyleableTextField is not part of the new text introduced in SDK 4.6 stage framework.

    Question: How HTML format messages in my chat text box now?

    I think I have a solution for you (and me) while watching devgirl.org. It seems that you have not need to set the skinClass on your textArea in MXML (as suggested above). Setting the skinClass fixed my Android problem.

    In actionscript, import this class:

    Import spark.components.supportClasses.StyleableTextField;

    In actionscript, also add the following to your new text Manager:

    ta.appendText (newText);

    StyleableTextField (ta.textDisplay) .scrollV ++;

    I don't know exactly why, but this solution works fine on an iPad, but it doesn't work for me on a Tablet I test here. The TextArea component on the Android tablet is not scrolling unless it is developed. Maybe I made a mistake of deployment to the Android device, and I will check that. Fixed this by setting the skinClass on the component.

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

    Hello

    is it possible to use two styles/looks for the same application, it will look native on iOS AND Android?

    Or do I have to build the same application twice to get this?

    -BB

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

  • When you click on the 'Info' to the background action bar button, the application crashes.

    Hello

    Recently, we have brought successfully a BlackBerry 10 Android app.

    Everything worked fine, except the thing that when you click on the "Info" button in the action bar that appears at the bottom of the screen - the application crashes.

    I guess that this button should display a connection, or the help page. In our application, we have such a page (like an ActionItem in the ActionBar).

    Yes, is there a way we can fix it, so that when clicking on "Info" button to view our about page? Or at least to do something to prevent the application from crashing, for example hide this button.

    PS: We tested the app in the simulator of Alpha BB 10 Dev.

    Thank you.

    Hello

    Thank you for your comments. In fact, it is a known problem in the current Runtime Android on the Simulator release BlackBerry 10. It has nothing to do with your application, as this action bar fits into the Runtime Android and not your application. Normally when you section the 'Info' button you will see a screen showing you must use the gesture of back scanning used in applications Android Runtime. If you want your own topic button, you need to create your own menu.

    See you soon,.

    Matt

  • ProgressBar on Flex Mobile? HOWTO?

    I feel like a fool asking this, but is there really no official way to put a ProgressBar component on a Flex Mobile project, even up to version 4.5.1?  The documents seem to indicate as such, as the spark still has no equivalent ProgressBar and mobile is only spark.

    There may be a 3rd party progress bar out there somewhere?

    I am trying currently to hack the fl.controls.ProgressBar Flash Pro CS5.5 in my project in Flash Builder through a CFC, which is simply dirty, because Adobe seems to have made deliberately incompatible between Pro and Builder Flex-side interfaces (for example, fl.controls instead of mx.controls).

    What gives?  It cannot seriously be this involved to put a bar of progression on a mobile Flex project... I feel like I am Bizarro-world...

    Please keep this civil.

    The mx:ProgressBar in Flex component is designed to be shown to a user to indicate that an operation is taking place which will have a certain amount of time to complete.  The conduct of this operation can be either specified as a fixed progress bar (completed percentage is still known and visible by the user) or indefinite (the percentage complete has ever known).

    With the help of a progress bar for display the remaining time is very often seen in desktop applications, but is less common in mobile applications.  Instead mobile applications tend to use a disc rotation for an indefinite period.  Given that the use of rotating disc case was much more popular on mobile devices the spark component BusyIndicator was added in Flex 4.5.

    Looks like you are looking for something more general that is not designed specifically to view the progress of something over time, but rather showing a value regarding a max value.  For this, you can consider using the spark component range (http://opensource.adobe.com/wiki/display/flexsdk/Spark+Range) that were also introduced in Flex 4.5.  API of the component of the range seems to be in the same direction as the Android SDK ProgressBar and BlackBerry GaugeField.

  • Some Notes after completing my first Mobile application...

    I just finished my first mobile application with Flash Builder Burrito AIR.  It took me a little over 3 weeks.  Even though I'm an experienced programmer, I had no experience with Flash Builder, AIR, ActionScript, etc.  If so, I could fall out this app in a week!  I am very impressed with the ease of development compared to some other platforms I have developed on (native Android, webOS, titanium and a few others).  That said, I ran into a number of issues that I believe, if properly addressed, would be very beneficial for developers, users and the platform as a whole (so I hope that Adobe employees visit this post and read on!).


    Forms and fields


    Support for the forms could be much better.  Any questions I have met, those related to fields of form took longer time to resolve that any other.  Three Markdown really however...


    1. There is a kind of property "placeholderText" which displays its value within a field unfinished (gray part preference).  When the user clicks in the text field should disappear.  If the user leaves the field without entering anything, it should reappear.  This will cancel the need for labels they are currently used, save precious screen space.  It was not difficult to write a function that does this, but it's something that should be built in.
    2. Form validation tools are essential!  There should be a way to test & flag common types of fields that are not filled correctly (single currency, numeric, text, email, etc.). Built in functions that do this would save developers time.  I created my own, but I have not found a way to change the background or color of the text fields on the fly.  Instead I just asked the user without bringing out the specific areas.  This may be due to my inexperience with this platform, but once again, it is something that developers should not have to reinvent the wheel with over and over again.
    3. There should be a way to specify which keyboard is displayed whenever a field is selected.  For example, if I know that the user enters a zip code and then a keypad should display.  There are a multitude of available keyboards, but the ability to switch between text and digital should be the bare minimum.


    Guests user


    I found it strange that there is not a way to quickly invite users.  I tried the function of Alert.show () without success.  I got my own all kinds of bearing warning system.  It works very well indeed, but still...


    Projects under implementation


    It is something minor, but annoying.  I don't know if it's a problem of Flash Builder or Eclipse issue, but if you run an application and you already have an open instance you receive an error indicating such.  It would be great if she is simply closed the old instance and opened a new.  I know, very minor.  I'm just saying...

    The native device functions

    > Notifications

    > Access to contacts

    Others?


    I'm really interested in hearing other questions that you guys met (large and small) and what you did to solve it!




    Thank you two for the entrance!  I'm this long transmission to the team for others to see.

    Chris

  • bbui action bar is not displayed

    Hey guys,.

    I'm new to bbui and may not know how to work the stock bars.

    I just put a definition of simple screen that works with the exception of the action bar. It is not using firefox, chrome, or Simulator. Did I miss something?

    Players
    Matches
    Players
    BBM

    see you soon

    OK, first attachment.

    It's the triangle because it is subject to the approval process. as soon as it is approved, everyone will see, here's the example is approved:
    http://supportforums.BlackBerry.com/T5/Web-and-WebWorks-development/add-exception-pop-up-on-first-TI...

    and to do so in Rich Text, simply click on the 5th icon (tree), just before the movie icon, then click Browse, select your image, then click on insert image, made.

    I also develop something and I don't use firefox because I don't know how to use it in the debugger, instead, I use chrome/chrome to serve as an inspector to debug. I never use browser to see a preview of my application.

    application with webworks development takes a lot of time? Yes, you could be rite. but there is a way of development more effective and safe time, follow this:

    Update your BlackBerry WebWorks application without recompiling

    Basically, it works like this:

    1. Create your project as usual
    2. "in the config.xml file to replace with something like this: http://192.168.1.125/notes/index.html ' / > where 192.168.1.125 is my server local apache
    3. in my case/var/www/notes in my local server apache, I put all the file from www
    4. deploy the application on my Z10
    5. debugging
    6. When I need to change something, I just change some necessary in my local web server, never touch deployed Z10 app ever, unless I have to change something in the file config.xml or add/remove plugins

    naked in mine, it's the former article of 2009, but it works, read this article to the end also comments, one of the developer shows its implementation:
    http://dborba.com/wow-no-more-re-packaging-when-testing-HTML5-apps-on-your-device/

    good hunting

  • bbUI Q10 and Z10/Z30 Action Bar text title

    Dear community,

    I use the BBui.js with an action bar. I have 4 buttons in the action bar. With a Z10 or Z30 the application displays the button with the icon and text. Q10/Q5 only shows the icon, without the title text.

    Y at - it a solution for this problem?

    It is designed to allow the Q5 and Q10 to get more space for the actual content.

  • Disable the Animation of the action bar while hiding

    BB10 photos Soft mask the action bar when you tap on the screen. When you do so, the action bar disappears immediately.

    In an application of Cascades, if you:

    Page-> setActionBarVisibility (ChromeVisibility::Hidden);

    ... the action bar to slide down until it is no longer visible.

    I would like to disable this animation, but I don't know how. For the standard controls, I do things like:

    ratingControl-> setImplicitLayoutAnimationsEnabled (false);

    ImplicitAnimationController = allDisabled
    ImplicitAnimationController::create (ratingControl)
    . Enabled (false);

    ... but I'm not familiar with a way to get a reference to the action bar itself, or how, independently of any reference to disable animation.

    Thank you
    Daniel

    Hi Daniel,.

    If you switch between hidden and visibility for the ActionBar overlay it will appear/disappear without animation. Overlay, that's what the photos app uses so the image should not resize when the ActionBar toggle visibility.

  • Hide action bar

    Is it possible to hide the action bar and show it again if necessary by programming?

    I see the image in the device application Gallery photo cache bar action when you touch the screen and show it again with a new plug.

    Best regards!

    say that your ID main nav is "mainPage".

    put this in:

    {Page}

    actionBarVisibility: ChromeVisibility.Hidden

    }

    you want to be present when the 'page2' page opens. in page2 coding do something like this:

    {Page}

    onCreationCompleted: {}

    mainPage.actionBarVisibility = ChromeVisibility.Overlay;

    }

    }

  • Is it possible to add part or refresh in the action bar.

    I have been seaching the forum but have not found anything, is there a way to add update and share on the action bar?

    The docs for jQuery Mobile / BlackBerry 10 can be found here, including the elements of the action bar:
    https://github.com/BlackBerry/jQueryMobile-BB10-theme/tree/master/docs

Maybe you are looking for