Background Color Changer (Part 1)

In this tutorial, you will learn how to create a simple app in which the user can change the background color by entering the names of certain colors into a text field.
App Specifications:

• Views:
• EditText for text input
• Button for submitting text
• Colors
• Red
• Green
• Blue
• Cyan
• Magenta
• Yellow
• Black (Default color, will be set to black when no color keyword is entered)
• Actions:
• Button onClick Event:
• If the text in the EditText matches one of the color keywords, change the background color
• Otherwise, set the background color to black

Project Setup:

Create a new Android project that meets the following specifications:

• Project Name: Background Color Changer
• Application Name: Background Color Changer
• Package Name: com.example.bgcolorchanger
• Create Activity: MainActivity

Layout

1. In the Package Explorer, expand the project and open main.xml from the res/layout folder
2. Select the TextView with the Hello World message and delete it
3. Add an EditText to the layout (Found under Text Fields as "abc") by dragging and dropping
4. Add a Button to the layout
5. Open the Outline View in Eclipse
6. Right click on Linear Layout, then click Edit ID, then type "container"
7. Change the ID of the EditText to "inputField"
8. Change the ID of the Button to "submitButton'
9. Click the "main.xml" tab at the bottom of the visual editor to view the layout as an XML file.
10. Edit the text for the Button so it says "Submit" instead of "Button"
11. Fixing Warnings:
1. Put your cursor on the EditText tag with the orange underline
2. Press Ctrl+1 (Quick Fix) 
3. Choose the option "Set input type"
4. Type "text" as the input type
5. Put your cursor on the orange underline under the Button's text property
6. Press Ctrl+1
7. Choose the option "Extract String"
8. change the reference to "txt_submit_button" and click OK.

If you would like, un the app on an Android device or emulator to see the layout as shown below:

Now that the layout is complete, you are ready to begin coding. See the next part of this tutorial here.