1. Click and drag a button from the “User Interface” section of the "Palette" to the Screen in the "Viewer "section.
2. Notice that Button1 has been added to the list of components in the "Components" section.
3. In the Properties section:
a. Change the Text of the button to “Appear”
b. Change the Width to “Fill parent …”
c. Change the Background Color to a color of your choice
4. In the Components section, click “Rename” and change the name of the button to “Appear”.
STEM Connections
Although it is not necessary to rename the button, this will help immensely when we begin to write code to make our buttons perform actions.
It is also not necessary to change the color of the button, but part of the fun of creating apps is to make them look fun. Feel free to play with other visual components of the button to make it uniquely yours.
Don’t see the Button in the Palette
- In the Palette section, click on User Interface and Button is the first option. Drag and drop the button onto the screen in the Viewer section.
Don’t see where in the Properties section to change the text, width, or background color
- Be sure that you are modifying the properties of the button and not the screen, click on Button1 in the Components section to modify the button’s properties.
- Scroll down to find it. It is there!