Book Image

App Inventor 2 Essentials

Book Image

App Inventor 2 Essentials

Overview of this book

App Inventor 2 will take you on a journey of mobile app development. We begin by introducing you to the functionalities of App Inventor and giving you an idea about the types of apps you can develop using it. We walk you through the technical set up so you can take advantage of the interactive development environment (live testing). You will get hands-on, practical experience building three different apps using tutorials. Along the way, you will learn computer science principles as well as tips to help you prepare for the creative process of building an app from scratch. By the end of the journey, you will learn how to package an app and deploy it to app markets. App Inventor 2 Essentials prepares you to amass a resource of skills, knowledge and experience to become a mobile app developer

Related Content you might be interested in

Current Title:

Small book image
App Inventor 2 Essentials
Apr, 2016 | 248 pages
No titles found
Table of Contents (15 chapters)
App Inventor 2 Essentials
App Inventor 2 Essentials
Credits
Credits
About the Authors
About the Authors
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Unleashing Creativity with MIT App Inventor 2
Unleashing Creativity with MIT App Inventor 2
What is MIT App Inventor 2?
MIT App Inventor – purpose and potential
Summary
2
Setting Up MIT App Inventor 2
Setting Up MIT App Inventor 2
The initial setup
Connectivity setup
Summary
3
Navigating the App Inventor Platform
Navigating the App Inventor Platform
The projects view
The Designer
Creating a game app
The Blocks editor
Summary
4
Fling App – Part 2
Fling App – Part 2
Adding a scoring feature
Increasing difficulty
Changing the game's dynamic
Creating levels
Updating the score label to display the level
Updating the Reset button
Updating the Play button
Summary
5
Building an Event App
Building an Event App
User Interface for an event app
Setting the background image
Adding an image component
Adding buttons
Adding the ActivityStarter
Adding screens
Programming the blocks
Summary
6
Introduction to Databases
Introduction to Databases
Creating a database
Designing the RSVP screen
Setting up Google Authentication
Sharing the Fusion Table with the service account email
Connecting the app to the Google Fusion Table
Pushing data to the Fusion Table
Ensuring empty rows are not inserted
Viewing the guest list
Coding the blocks – requesting data
Coding the blocks – receiving data
Sharing the Event App
Summary
7
Learning About Loops with a Raffle App
Learning About Loops with a Raffle App
Creating the project and building the GUI
Summary
8
Expanding Your Mobile App Development Skills
Expanding Your Mobile App Development Skills
Design principles
App Inventor extras
Distributing your app
Summary
Index
Index

Adding screens

We currently have our home screen called Screen1 (because App Inventor does not allow you to rename Screen1). We will now add three more screens; each one will be associated with a button. Above the Viewer and below Projects in the top menu bar, you will see a row of three buttons: Screen1 (our current screen), Add Screen..., and Remove Screen, which is grayed out, as shown in the following screenshot:

Click on the Add Screen button and a pop-up window will ask you to input the new screen name. Type Info_Screen as shown in the following screenshot. Click on OK:

Repeat the same procedure to add two more screens and name them RSVP_Screen and GuestList_Screen. Now, all of your screens will appear in the drop-down menu under the first menu button, and you can navigate between screens by selecting a different one. The next screenshot shows the name Screen1 on the button to indicate the name of the screen that is currently open:

.

Once you have added the additional screens, you will...

Previous Section
End of Section 7
Next Section