Free 12th Grade Views And Their Attributes Lesson Plan (Android Studio)

Topic: Defining views and its attributes in xml lay-out

Duration: 1 hour

Objectives & Outcomes

• To understand the concept of views and their attributes in xml lay-out

Materials

• Android Studio
• Android SDK
• Xml layout file
• Text editor (e.g. Notepad, TextEdit or Gedit)
• Screencast or live demo (optional)

Warm-up

• Ask the students to list down all the views they have seen so far in Android Studio.
• Ask the students to share their experience in creating views in Android Studio.

Introduction

• Define the term 'view' as a visual element or component in an Android application that is displayed on the screen.
• Explain that views are the building blocks of an Android application and are used to create the user interface.
• Define the term 'attributes' as the properties or characteristics of a view that can be used to modify its appearance or behavior.
• Tell the students that in this lesson, they will learn about the different types of views and their attributes in xml lay-out.
• Introduction to XML Lay-out
• Introduce the concept of XML lay-out as the way of defining views and their attributes in an Android application.
• Explain that views and their attributes are defined in an XML file and the layout for the app is created using the XML file and the tools in Android Studio.

Guided Exercise

• Have students work in pairs and follow the step by step instructions to create a new XML file in Android Studio.
• Have students follow the step by step instructions to add a new view to the XML file and define its attributes.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.

===========================================================

Activity 2: Adding a View and its Attributes in XML Lay-out

• Introduce the concept of adding a view and its attributes in an XML file and the layout for the app is created using the XML file and the tools in Android Studio.
• Show how to add a new view to the XML file and define its attributes using the tools in Android Studio.
• Demonstrate how to save the XML file and how to see the changes in the app's layout on the canvas.

===========================================================

Activity 3: Adding a Button and its Click Event in the Code

• Introduce the concept of adding a button and its click event in the code -Introduction to Code in Android
• Show how to add a button to the XML file and define its click event in the code.
• Demonstrate how to save the XML file and the code file, and how to see the button in the app's layout and its click event implemented in the code.

===========================================================

Activity 4: Adding a Second View to the App and its Attribute in the XML Lay-out

• Introduce the concept of adding a second view to the app and its attribute in the XML file.
• Show how to add a new view to the XML file and define its attribute in the XML lay-out.
• Demonstrate how to save the XML file and the app's layout on the canvas will be updated.

===========================================================

Activity 5: Adding a Second Button to the App and its Click Event in the Code

• Introduce the concept of adding a second button to the app and its click event in the code.
• Show how to add a button to the XML file and define its click event in the code.
• Demonstrate how to save the XML file and the code file, and how to see the button in the app's layout and its click event implemented in the code.

===========================================================

Activity 6: Adding a Second View to the App and its Attribute in the XML Lay-out

• Introduce the concept of adding a second view to the app and its attribute in the XML file.
• Show how to add a new view to the XML file and define its attribute in the XML lay-out.
• Demonstrate how to save the XML file and the app's layout on the canvas will be updated.

===========================================================

Activity 7: Adding a Second Button to the App and its Click Event

Event in the Code

• Introduce the concept of adding a second button to the app and its click event in the code.
• Show how to add a button to the XML file and define its click event in the code.
• Demonstrate how to save the XML file and the code file, and how to see the button in the app's layout and its click event implemented in the code.
• Have students work in pairs again and follow the step by step instructions to add a second view to the XML file and define its attribute.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.===========================================================

Activity 8: Adding a Second View to the App and its Attribute in the XML Lay-out

• Introduce the concept of adding a second view to the app and its attribute in the XML file.
• Show how to add a new view to the XML file and define its attribute in the XML lay-out.
• Demonstrate how to save the XML file and the app's layout on the canvas will be updated.
• Have students work in pairs again and follow the step by step instructions to add a second button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.

===========================================================

Activity 9: Adding a Second View to the App and its Attribute in the XML Lay-out

• Introduce the concept of adding a second view to the app and its attribute in the XML file.
• Show how to add a new view to the XML file and define its attribute in the XML lay-out.
• Demonstrate how to save the XML file and the app's layout on the canvas will be updated.
• Have students work in pairs again and follow the step by step instructions to add a second button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a third view to the XML file and define its attribute.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a third button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.

===========================================================

Activity 10: Adding a Third View to the App and its Attribute in the XML Lay-out

• Introduce the concept of adding a third view to the app and its attribute in the

XML file.

• Show how to add a new view to the XML file and define its attribute in the XML lay-out.
• Demonstrate how to save the XML file and the app's layout on the canvas will be updated.
• Have students work in pairs again and follow the step by step instructions to add a third button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a fourth view to the XML file and define its attribute.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a fourth button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a fifth view to the XML file and define its attribute.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a fifth button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a sixth view to the XML file and define its attribute.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.-Have students work in pairs and follow the step by step instructions to add a sixth button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a seventh view to the XML file and define its attribute.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.-Have students work in pairs and follow the step by step instructions to add a seventh button to the XML file and define its click event in the code.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.
• Have students work in pairs and follow the step by step instructions to add a eighth view to the XML file and define its attribute.
• After completing the exercise, have students present their work to the class and explain the purpose of each attribute they defined.

Input Files:

• Ch12_Views_And_Their_Attributes.zip (Contains - xml layout, view and button xml files)
• Ch12_Views_And_Their_Attributes_CMS.zip (Contains - Media files for each view and button)

output files:

• Ch12_Views_And_Their_Attributes_CMS.zip (Contains - Media files for each view and button)
• Ch12_Views_And_Their_Attributes.zip (Contains - xml layout, view and button xml files)

***Note: To use the code in this lesson you need to have 'setContentView' method in your activity class.