Buzztouch & Buttons, Yes We Got Buttons, :-)

BUTTONS, How To Get Started With Buttons:

Buttons Menu Screen or List Menu Screen? Generally I prefer buttons over lists for various reasons. Buttons are intuitive, 16 to 24+ buttons per screen view vs 7 or 8 list menu items. However some tasks lend themselves to list menus. Example, list of neighborhoods, street names, names in general. The following will show you how to create Buttons for a Buttons Menu Screen. Once you accomplish this you should be able to create different types of Button Menu Screens.

. . . it’s advisable to set the images for small and large images because any screen larger than 3.7″ is consider a large device.

Also check out these related posts:

Icons

Rectangular & Odd Shaped Buttons

A Study of Buttons

Custom Buttons

Here’s the quick and simple method to create your first buttons:

In Buzztouch:

1. Create a “Button Menu Screen”,

image

2. Go to “Add a Button to the Menu” section.

Add “Buttons Items” by:

a. Enter a nickname for the button in the “Button Text” box such as Button 1.

b. Enter a “screen name” for an existing screen in the “Load screen with nickname” box. Or,

c. Create a new screen by choosing  something from the drop-down list.

3. Setup the button now or come back later to setup the button. Makes not difference either way.

4. Create more buttons (I’m not sure there’s a limit. 100+)

5. Sort your buttons by changing the sort order if needed.

6. Click on the “Button name” in the “Tapping this button” section and select an icon to use. (You’ll change this later, so pick any icon, it doesn’t matter which one you select.)

7. Go to “Manage Theme” and,

a. Select “My Generic Theme”,

b. Select “button layout” 

Now make the following changes:

(1)  set the “Label Layout Style” as “bottom”.

(2) Select “black” as the “Label Font Color”.

(3) Select “clear” as the “Button Background” color.

(4) Set “Button Transparency” to “100” (Optional).

(5) SAVE the changes with the little “green save button”.

(6) Now go to “Button  Size” and Set the “button size small device” to “65”.

(7) SAVE the changes with the little “green save button”.

Closed your App, update, Viola! You got “Buttons”.

Next up fine tuning your buttons.

(8) Add button images to the App.

To simplify finding your images later you should name the images as follows:

critters_cat.png

critters_dog.png

critters_bird.jpg

After you add images to the:

BTv1.5 (iOS & Android) BT_Image (folder)
BTv2.0 (Android) Assets > drawable (folder)
BTv2.0 (iOS) GUI (folder)

you need to compile the project, otherwise the images will not show up in the App.

Please note, “compile” doesn’t mean to download the source code.

It means to either :

a. Close the virtual device (Emulator) and restart it,

or,

b. To export the project from eclipse and create a new (updated) APK.

If you create a new APK, post it exactly the same place as the previous APK.

Then force an update by making a change from BT such as adding a screen.

If you’re using the Emulator in Eclipse sometimes you need to close Eclipse and then run (compile) the App for the buttons to appear.

Fred

image

Please note, This is not the one & only way, or even the “Best Way” to create a Button Menu. It’s just one way that’ll teach you about Button & Button Menus. As you learn more you’ll find different ways and methods that’ll work for you.

Sample Menu (Buttons)

Hey this is about buttons, not my graphics skills or lack thereof.

image

A Study of Buttons

Advertisements

6 thoughts on “Buzztouch & Buttons, Yes We Got Buttons, :-)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s