Make Your Own Android App: Your Unofficial Intro To MIT App Inventor by James Sherar

Author:James Sherar
Language: eng
Format: epub
Tags: Reference
Published: 2013-01-15T16:00:00+00:00

2.1.1 – The Design Window

The Design window should appear in your browser once you enter the name of your app and click “OK. The Design window is where you begin creating how your app will look, the user interface (UI).

In the left panel of the screen, you find the Palette which works like many other visual platforms, where you drag-and-drop the components you require from it onto a mock-up of a mobile screen. For example, these can be text boxes, buttons, labels, database connectivity, media, or sensor objects – anything you want or need for your app to function. The components are grouped by their functional category – Basic, Media, Animation, Social, Sensors, etc. – and clicking on the group heading reveals the components therein. As you'll notice, there's lots of exciting stuff to play and experiment with.

In the centre you have the Viewer panel with a mock-up of the device screen named Screen1 where you'll place component objects that make up your app, like buttons and text boxes. To the right of that, you have the Components panel which provides a listing of all the objects in your app including the object Screen1, while the Properties panel allows you to have access to and set certain parameters of objects like font, colour, or text.

First, we'll need a way for the user to interact with our app, so click and drag the Button object from the Palette onto Screen1 in the Viewer panel, and set its Text property to “Click Me”, and switch its Width parameter to Fill parent...

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.