Thursday 5 July 2012

Playing with UI

I've started playing with UI, to be able to use conveniently the emulator on a keyboard less device. You can see preliminary layout (both landscape and portrait) from the actual device:

In the middle there is obviously the Atari display (with overlay buttons - like in the landscape view, for Atari function keys, and a second row for UI buttons - that let you to increase/decrease buttons size, zoomin/out - for border, make the screen area larger/smaller, make trimming (X/Y) larger/smaller, etc). The overlay buttons (yellow color) can be hidden/shown by tapping the middle of Atari screen area. Next to the screen there are red joystick emulation buttons, and below it there is a fully blown Atari keyboard layout. All stylized in Atari400 theme.

Dynamic keyboard layout
Now to be able to use as much of available space as possible for keyboard (a balance between the key size and screen area) I'm playing with more dynamic keyboard layout, basically dynamically filling all the available areas, with some priorities, scaling policies depending on key type, etc. I've done some prototyping in Processing (especially due its rapid change code/rebuild/start cycle):

As you may see - if screen becomes larger, number of bottom qwerty rows becomes smaller, and some buttons are move to the left or right part of the whole device screen. In the next few days i'm going to refine the prototype, and 'port' it to Android, leveraging RelativeLayout.

No comments:

Post a Comment