Skip to main content
Inspiring
July 11, 2012
Question

How to handle a lot of menuitems.

  • July 11, 2012
  • 2 replies
  • 596 views

Hi,

I am in need of a solution that can handle a lot of menuitems on a mobile device.

My vision:

At the bottom of the screen there is always a Menu button. When clicked a list pops up above it and the background fades.

Looking for something like the windows start menu but when clicked the active screen fades. (Like an alert popup does in a regular air desktop application)

What is the best way to achieve this?

one of my thoughts;

- click on first tabbar menuitem with the name Menu

- take a snapshot of the current screen

- launch a new view

- put the snapshot as a faded background in the view.

- above the first item in the tabbar (menu) draw a list with other menu item buttons that lead to other views when clicked.

I'm building my first mobile app.. so exiting.. but a bit of a pain to get the right help.. Is there a page with help on only the things you can use on a mobile project? And skinning... what about that?? Flex 3 was so easy to layout the look and feel of your application..

------------------------------------------------------------------------

Off topic Note for someone from adobe;

Is there a style explorer that outputs a skin? For example style a button the way you like with sliders, color pickers and stuff.. and it outputs a skin for it to copy into your project.  Would be verry nice to have.

This topic has been closed for replies.

2 replies

Mark.fromOP
Inspiring
July 12, 2012

Why not just have a hidden solid color box over the whole background that you set to blackbox.visible = true when the button is clicked and set its transparency to 50% so the background looks darker now and the user can focus on the pop up. Or set it to white so the background looks light and washed out, depend on what look you want. You can also tween it to the 50% and make for a cool effect. Then when the user selects a menu item, or taps outside the pop up menu, simply hide that box blackbox.visible = false or tween it to an alpha of 0 and then hide it.

I have something similar in one of m apps, pm me if you want a link.

July 13, 2012

I would also suggest what Mark suggests