Software Engineering
3. Developing Applications with App Inventor
Lesson 2 Adding More Elements to the App
Lesson Adding More Elements to the App - Software Engineering - ثالث ثانوي
1. Software Engineering
2. Prototyping
3. Developing Applications with App Inventor
4. Software Accessibility and Digital Inclusion
Designing the Home Screen
To add a VerticalArrangement component:
To add an English language button:
Creating the Second Screen of the App
To add a label:
To add a VerticalArrangement component:
To add a cities label:
Creating a List
To add a ListPicker component for Riyadh:
When you run the finished application on your mobile phone, the ListPicker component works in the
Creating the Third Screen of the App
Add a new screen as you have already learned and
To add elements on the screen:
Figure 3.27: Adding elements to the third screen
To add an image component:
To add a text description component:
Figure 3.29: Adding a text description component
Adding an Interactive Map to the Application
Horizontal Arrangement Component
To add a HorizontalArrangement component:
To add a map button:
Figure 3.31: Adding a map button
To add a map component:
Figure 3.32: Adding a Map component
Figure 3.33: Activation of the Map component by the map button
Describe how HorizontalArrangement and VerticalArrangement components help you form the layout of a mobile screen.
State the difference between a ListPicker and a Button component.
Design an application with a VerticalArrangement and two HorizontalArrangements. Each HorizontalArrangement has two buttons. All of the components are in the center of their container. Use th
Design another screen for the above application which has a HorizontalArrangement
Design another screen for the above application which has a VerticalArrangement and
