Assist in the design of a user interface

Good, everyone; I read the tutorial to develop User Interfaces, but I still have problems with ISU user interface design more advanced (such as buttons with images). I want to develop for more than a simple OS 5.0 devices, so I don't want to use the new utilities. Can someone give me some links to tutorials or examples with more advanced user interfaces?

How - to implement advanced buttons, fields and managers
Article number: DB-00796
http://www.BlackBerry.com/knowledgecenterpublic/livelink.exe/fetch/2000/348583/800332/800505/800608/...

Tags: BlackBerry Developers

Similar Questions

  • Confused about the bar mentioned in user interface designs

    I was reviewing the instructions for user interface design, and he mentions a menu bar:

    "Use a menu bar to move user interface components off the screen.
    The application menu can include primary or secondary
    The menu when you drag from the top of the screen.

    The menu bar is built in? Or it simply means, I can create an and show it when the 'swipe_start' event fires?

    What does primary and secondary? This means main and submenus?

    If there is a menu built in, how I add to it? If I created one, what would be the best approach to design? I saw a QNX class for menus. How the menu disappear? Would it not as simple as when something is clicked?

    If the best way to get the menu bar to slide downwards to activate it? It is implying that the menu bar is the Menu bar main application and dialog boxes in the frame actions app to be managed by popups, buttons etc and do not use a menu bar always visible because it uses valuable screen realestate.

    I understand that these are guidelines, there are always exceptions to the rule. I just want an idea on best practices.

    Keith

    Hey kmitchell,.

    You basically answered most of your questions, but not confirm them

    The menu bar from what I've seen so far in the docs is not built in, and you will need to create one on your own by using the SWIPE_START event. Primary and secondary actually seems to be what you call main and submenus. What I thought of him, it was maybe a menu that looks the same every time by sweeping u down and has basic functions or if something happens in the application and slide you down the menu reflects the events of what is happening. in regards to how it should look like, there is a video of a demo that was presented at the adobe max Conference where he shows a demo of the camera app to help slip it in the menu dropdown. Here is the link. go to the last 13:45 video to see the demo:

    http://2010.Max.Adobe.com/online/2010/MAX260_1288217641375UQJD

    the menu design would be that it would disappear as soon as you click an option. its really what you want it to be. I don't think that there is no specificity.

    and Internet broadcasting its been said that they do not like to see sort of a title from the menu bar. now, I agree and disagree with this statement, but maybe im just not used to slide down menu type event. so ill see where this goes.

    also, here is a code harrydodgson and I worked on regarding the menu and the SWIPE_START event:

    SwipeDownTest.as (main Application file)

    package
    {
        import caurina.transitions.Tweener;
    
        import flash.display.Sprite;
        import flash.display.StageAlign;
        import flash.display.StageScaleMode;
        import flash.events.Event;
        import flash.events.MouseEvent;
        import flash.ui.Mouse;
    
        import qnx.events.QNXApplicationEvent;
        import qnx.system.QNXApplication;
    
        // The following metadata specifies the size and properties of the canvas that
        // this application should occupy on the BlackBerry PlayBook screen.
        [SWF(width="1024", height="600", backgroundColor="#F4F4F4", frameRate="30")]
        public class SwipeDownTest extends Sprite
        {
            private var ui:UI;
            private var swiping:Boolean;
    
            public function SwipeDownTest()
            {
                stage.align = StageAlign.TOP_LEFT;
                stage.scaleMode = StageScaleMode.NO_SCALE;
    
                ui = new UI();
    
                addChild(ui);
    
                QNXApplication.qnxApplication.addEventListener(QNXApplicationEvent.SWIPE_START, onSwipeStart);
            }
    
            private function onSwipeStart( e:QNXApplicationEvent ):void
            {
                swiping = true;
                addEventListener( Event.ENTER_FRAME, trackMouse );
                stage.addEventListener( MouseEvent.MOUSE_UP, mouseUp );
            }
    
            private function trackMouse( e:Event ):void
            {
                var pos:int = stage.mouseY;
    
                if (pos > 123) pos = 123;
                if (pos < 0) pos = 0;
    
                ui.y = pos;
            }
    
            private function mouseUp( e:MouseEvent ):void
            {
                if (!swiping)
                {
                    Tweener.addTween(ui, {y: 0, time: .3, transition: "linear"});
                }
    
                removeEventListener( Event.ENTER_FRAME, trackMouse );
     
                swiping = !swiping;
            }
        }
    }
    

    UI.as (File menu)

    package
    {
        import flash.display.Shape;
        import flash.display.Sprite;
    
        public class UI extends Sprite
        {
            private var sectionOne:Shape;
            private var sectionTwo:Shape;
    
            public function UI()
            {
                //set it up with two sections
    
                sectionOne = new Shape();
                sectionOne.graphics.beginFill(0x333333, 1);
                sectionOne.graphics.drawRect(0,-123,1024,123);
                sectionOne.graphics.endFill();
    
                sectionTwo = new Shape();
                sectionTwo.graphics.beginFill(0x666666, 1);
                sectionTwo.graphics.drawRect(0,0,1024,600);
                sectionTwo.graphics.endFill();
    
                addChild(sectionOne);
                addChild(sectionTwo);
    
            }
        }
    }
    

    hope that answered most of your questions. Good luck!

  • The Web of LabVIEW user interface directly to the sensor with Ethernet connection

    Hello

    Is it possible to connect to the interface user Web of LabVIEW directly to a sensor with Ethernet connection?

    By directly, I mean without using any Web Service LabVIEW VI.

    Thank you

    Marcelo

    Hello

    The only communication with other devices using the Web user interface designer is through web services, either motorized or not LabVIEW. To connect with a sensor with the generator of the user Web interface without using LabVIEW, the sensing device must be accessible via HTTP and give you a way to read its data using XML web services based on.

  • How to return to the previous top IDE user interface?

    This is probably the issue of the dunderhead of the day, but let's go anyway.

    I am running Apex 5.0.0.00.31 on my PC.  I've accessed the IDE of the Apex on my server hosted for the first time in a few months.  Version is 5.0.1.00.06.  Wow!  The development environment is completely different.  I don't have time to learn a new user interface at this time.  How do I return to the look-and-feel from my PC to the server (at least temporarily).

    Thank you

    Kim

    P.S. Here's screenshots of both versions.

    5.0.0.00.31

    Apex IDE Before.JPG

    5.0.1.00.06

    Apex IDE Current.JPG

    Kim2012 wrote:

    This is probably the issue of the dunderhead of the day, but let's go anyway.

    I am running Apex 5.0.0.00.31 on my PC.  I've accessed the IDE of the Apex on my server hosted for the first time in a few months.  The version is 5.0.1.00.06.  Wow!  The development environment is completely different.  I don't have time to learn a new user interface at this time.  How can I return to the look-and-feel from my PC to the server (at least temporarily).

    Use the view of the component button to switch out of the very confusing Page Designer view.

  • bean, containing the business logic and user interface components

    Hello experts design ADF, please guide me.   I came across a critical design aspects.  I have the homepage with a lot of UI, region 1, region 2 components. I bind the components of the user interface of the page at a session scope managed bean and is the reason why, when control passes to the region 1 or region 2, I'm going to do a lot of processing logic and then on that basis, I have to update the page user interface components.   Same thing with region 2 also.  And then I should be able to access the information in all regions and also through other components of interface user etc.

    I see only the scope session bean can help me here to get my tasks in all regions and in all the other components of the interface user to the page because I'm not able to spend too many parameters in all regions.     Now the problem is, I can't serialize this bean because as I've mentioned a lot of user interface components are updated based on logic.

    If I do not serialize the bean, I might have a problem in the future when the application must be deployed to the cluster envt.

    I don't know how can I go with my design now.   Please give me ideas, brilliant and very grateful for your advice.

    Thank you

    Hello

    I did not follow the entire thread, but this last message, I can tell that you are not using ADF how it should be used. So let me address two issues

    1. I use data controls generated on methods of bean managed my areas (workflow).

    If you create a POJO data control that you configured as controlled beans then this will be two instances (separated) from the same Java class. This means that they do not share anything. The only option to share state between a managed bean and a data control is if you would have the data dynamically control bean up the bean managed using the language of Expression of the 8which then however creates a dependency between the DC and the bean - however, there are use cases like that)

    2 activation / deactivation of the buttons in the parent view of a region

    This can be done using bean-injection, which is a bean managed in extended view defined on the parent view that you pass as parameter for the workflow. See: http://www.oracle.com/technetwork/issue-archive/2013/13-may/o33adf-1920483.html

    As said, I haven't read the entire thread, but want to point out that there is enough information in writing (product documentation) and video (Insider ADF - who teach the development of SFM practices http://www.oracle.com/technetwork/developer-tools/adf/learnmore/adfinsider-093342.html take the time to review this)

    Frank

  • Anyway is to clear all the elements of native user interface of BB?

    Hello

    As far as I know, we can get the android user interface elements by sending a "DUMP" command to port 4399 (http://blog.csdn.net/roger_ge/archive/2010/04/28/5538266.aspx), is it possible to similor to BB?

    Thank you!

    None

  • is there anyone knows the equivalent of the swing component blackberry user interface?

    Hello

    I just need to know blackberry equivalent of the user interface of the swing components.

    y at - it someone who knows it.

    There is also no equivalent ImageObserver.

    Many times if I do a port that has this I have just remove because the initial goal is almost always to notify the caller when the image is done drawing/be converted (format from one image to another, etc.).

    On BlackBerry, there are a total of 3 types (Image, image Bitmap, EncodedImage) the image and can relatively easily be passed from one to the other quickly so that eliminates one of the uses and the drawing is very fast or throws an error if it cannot be traced so that eliminates the use of the second.

    So it is not necessary (at least in my opinion).

  • Windows 8 Pro includes the MLUI (multi-Language User Interface), as Windows 7 Ultimate?

    I find this feature very useful and I was wondering if it is also available in Windows 8 or Windows 8 Pro.

    Indigo salvation,

    The ability to install the Multilingual User Interface is available for all editions of Windows 8.

    "For Windows 8, we redesigned the experience of display language, focusing on the additional input displays the languages available to all Windows users, which makes them super easy to find and install and allowing users to switch between them."

    Take a look the MSDN Blog for more information:
    With the help of the language you want

    Thank you!

  • Easy way to change the label of the field for all user interfaces?

    How a client would change a label field for all user interfaces that use this field or attribute, which is not really a translation?

    What I have found seems to be that we would need to edit Resource Bundles and it will be much easier in version 8:

    1. the information on Resource Bundles in https://blogs.oracle.com/fadevrel/entry/translating_your_customizations section has this key passage:

    It is a standard open sector (OASIS) XML file with the extension .xliff format and store translated values for strings used by the ADF running. The general process is that these values are exported from the MDS, modified manually and then imported into the new repository. This must be done by an administrator, either via Enterprise Manager or WLST orders according to the screenshot below. It is detailed on the merger application Extensibility Guide.

    2. this blog announcement also says that it will be easier in version 8:

    Currently planned for version 8 is what we call the UI (UI) text editor. This tool will allow the mounting of all the text on the pages and merge request forms. This will provide a search based on an expression or a Word, say 'Worker' and will allow it to be adjusted, tell 'Employee', which then updates all the resource bundles that contain.

    3. I found video, How to customize field labels , but it seems that it is a label of the user interface at the same time...

    WIlliam, Yes, and we have a documentation and/or videos on this feature when R8 is available.

  • Assistance for the design of my Web site

    Hello guys,.

    I made a site for my band and I need some help and recommendations for the design. See and write your tips: www.chegi-bend.rs

    Best regards!

    It seems not so bad.  In the menu, the 'X' between each element confuses me for a minute because it was as if it was something that had to be clicked.  Other than that, it seems to me.

  • Can I get the lock event of user interface for a class that extends the Application class?


    Here's an article in the knowledge base on the subject:

    http://supportforums.BlackBerry.com/T5/Java-development/alert-a-BlackBerry-Smartphone-user-from-a-BA...

  • Is there an add-on that has the page with a user interface, just the content. Same view F11, but in a minimized state

    I use the always on the top of the page Add on and minimizes a window for watching videos while doing other things.
    But the Web bar and the tab bar allows plenty of space, so I was wondering if someone knows a plugin that will hide all the UI and simply let the content, something like view full-screen, presing F11, but in a reduced state.

    Thank you

    Try to use this extension.
    https://addons.Mozilla.org/en-us/Firefox/addon/custom-geometry/

    When you set up this extension, you will need to play with the Options through the add-on Manager tab and adjust the width, height, left and Top according to your needs. If you do not have a huge super resolution monitor default settings in CG will place the Firefox window on the right side of the screen.

    Once you get all of these parameters, move the toolbar toolbar button. When you press F11 this window will go into mode full screen expanded, then move the slider to the top of the screen to reveal the toolbars and click on the custom button geometry to restore your custom window size and position. Then this window snap into place and the toolbars will hide again. YMMV

    Note: Custom geometry has never been [IMO] adequate updated for Firefox 4 and the drop-down toolbar button does not work and adds it to the width of the toolbar button.

  • How to get an overview of office or pdf from the Windows XP Explorer user interface files? just like in W7

    In my view, there was a program named quickview or something like that, but you have to buy it, is there a way to preview a tool of MS help files?

    Hi TJBOY1,

    Unfortunately, this feature is not available in Windows XP. And as you say, there could be any third-party program that can help you do this. You can search using your favorite search engine.

    IMOPRTANT NOTE: Using third-party software can cause serious problems that may prevent your computer from starting properly or may lead to serious problems. Microsoft cannot guarantee that problems resulting from the use of third-party software can be solved. Software using third party is at your own risk.

  • Assist in the design of Applications screen

    Hi all

    I would like to create a screen of the application list for my frame that resembles the list screen of BB application as shown in the attached picture. I tried to use a grid layout and buttons with images, but I failed at it. Can someone please help me with this. Thanks in advance


    Kind regards

    S.A.Norton Stanley

    Hi all

    I realized something close to uses a TableLayoutManager (http://supportforums.blackberry.com/t5/Java-Development/Create-a-rich-UI-layout-with-TableLayoutMana...) and the fields of the bitmap image. The result is as in the attached image:

    Kind regards

    S.A.Norton Stanley

  • How to call the no GUI Library user interface

    Hello

    I'm showing the gui (dialog) in the gui, no library the same

       synchronized (Application.getEventLock()) {
                        UiEngine ui = Ui.getUiEngine();
                        Dialog screen = new Dialog(Dialog.D_OK, messageValue, Dialog.OK, Bitmap.getPredefinedBitmap(Bitmap.EXCLAMATION),
                                Manager.VERTICAL_SCROLL);
                        ui.pushGlobalScreen(screen, 1, UiEngine.GLOBAL_QUEUE);
                    }
    

    It works very well and I'm slightly change and try like thisI

                   synchronized (Application.getEventLock()) {
                        System.out.println("\n\n::::::::::::::::Application.getEventLock() ::::::::::\n\n");
                            UiEngine ui = Ui.getUiEngine();
                            Dialog screen = new Dialog(Dialog.D_OK_CANCEL,"Launch"+ PushApplication.pushInstance.pushConfiguration.getAppName() +"Application:"+ messageValue, Dialog.OK, PushApplication.pushInstance.pushConfiguration.getDialogIcon(),Manager.VERTICAL_SCROLL);
                            if(screen.doModal()==Dialog.OK){
                                System.out.println("\n\n::::::::::::::::Dialog Ok::::::::::\n\n");
                                System.out.println("dialog Ok");
                                launchApplication();
                            }else{
                                System.out.println("Cancel Application>>>>>");
                            }
                           ui.pushGlobalScreen(screen, 1, UiEngine.GLOBAL_QUEUE);
                    }
    

    I'm getting errror describing that it cannot be pushed no gui thread. So, how can I ge entries dialog box of graphic application not?

    Concerning

    Rakesh Shankar.P

    UiEngine ui = Ui.getUiEngine();
    Dialog dialog = new Dialog(Dialog.D_YES_NO);
    ui.pushGlobalScreen(dialog, 1, UiEngine.GLOBAL_MODAL);
    int result = dialog.getSelectedIndex();
    

    It does not test, but something like this should work.

    If you use GLOBAL_MODAL blocks pushGlobalScreen, it returns after the screen was rejected, then you can read the selected value.

Maybe you are looking for