App Inventor lets you create Android apps without any knowledge in programming. How cool is that! You design your apps on a web page, assemble pieces of logic blocks together on an editor, test your app on an emulator or on your phone while you are designing; cool, huh? Your projects are hosted by Google. All you have to do is design and join the pieces together like a puzzle game. Check the official Setup section to get started.

Now that you are all setup, let's make our first app.

We will call it Wild LifeShow. The concept is - we will have three buttons on the app. Upon a button click, we will display a corresponding image and fire up a specific sound.

Community Dashboard Random Article About Us Categories Recent Changes. Write an Article Request a New Article Answer a Request More Ideas On your browser, go to My Projects. Click the New button to create our Wild LifeShow app.

This will make a new dialog box to open. Now drag a Vertical Arrangement component on Screen1 window where we will display our images later. This will create a vertical arrangement component on our Screen1. The name of the component will be automatically VerticalArrangement1. All the components you drag to Screen1 can be seen under Components pane. We need to change some properties of the VerticalArrangement1.

Select VerticalArrangement1 under Components pane. On Properties pane you will see the properties of the component you selected. Change VerticalArrangement1's Width to Fill parent and Height to pixels. Drag an Image component and place it inside VerticalArrangement1 component that we placed earlier on Screen1. Note that the name of Image component is Image1. Get a Label component and place it below VerticalArrangement1. Take note of the name of our Label component which is automatically set to Label1.

We need to change some properties of the Label component. In the Text property, type Tap On A Button To Hear Them. You can type anything you like. Change the Text Alignment to center. Change the Width can you make money from google app inventor Fill parent.

Take note of the name HorizontalArrangement1. Inside the HorizontalArrangement1, place three Buttons one after another. Now change the properties of the buttons as follows: We also need to play sound. For us to be able to do that, drag a Player component and place it anywhere on Screen1. Since Player is a non-visible component, this will appear underneath Screen1 window.

One more tiny can you make money from google app inventor we should do is change the Title of Screen1 to Wild LifeShow. For us to do that, select Screen1 on Components pane and change the Title property binary stock trading demo account uk Properties pane to Wild LifeShow. Let's get our picture and sound files added. For our app, we used the following image and sound files which you should download to your computer.

Under Media pane, click Add and upload the image and sound files one by one. Now that we are done with the design portion of our app, we need to implement the interactions among the components we have.

For instance, we want the Elephant picture to be displayed and Elephant sound file to be played once Button1 is clicked. In order to do that, we got to open the Blocks Editor window.

Click on the Open the Blocks Editor button. Locate Button1 and click on it. Now we can see all the events and different properties of Button1. Select and drag the Button1. Click event block on the Blocks Editor space as shown below. Now under My Blocks, locate and click Image1. This will show the events and properties of Image1. Picture and place it make money volunteering for medical research the Button1.

Once you place it, you should hear a click sound which means the blocks are forum foreign binary options trading connected to each other.

We need to set the source of the picture to our image Elephant. To do that, click on Built-In tab, then locate and click Text block. Drag the text block over to the right and connect it to Image1. The text block indicates which picture to display. Click on text of text block and change it to Elephant.

Careful with the casing. If you have saved the Elephant. Now locate the Player1 and place the Player1. Source block below Image1. Connect a text block to Player1. Source block and change the text of text block to Elephant.

Grab and place Player1. Start block below Player1. Do the same thing for Button2 and Button3. For Button2, use Bird and for Button3, use Penguin. Your blocks should look like the snapshot below. Now it's time to see our app in action.

Error (Forbidden)

This will install the app on your phone. If you don't have a phone connected, you can launch an emulator from the Blocks Editor window. Click on New emulator and it will launch an emulator for you. After the emulator is launched, click on Connect to Device You should see the emulator that you just launched. Click on that and it will load the app on the emulator. Already answered Not a question Bad question Other.

If this question or a similar one is answered twice in this section, please click here to let us know. References and Citations The source code of this app WildLifeShow. Edit Related wikiHows WH. Did you try these steps? Upload a picture for other readers to see.

Tell us more about it? Click here to share your story. Google Applications Discuss Print Email Edit Send fan mail to authors. Thanks to all authors for creating a page that has been read 23, times. Did this article help you? Cookies make wikiHow better. By continuing to use our site, you agree to our cookie policy.

Google's New "App Inventor" Tool Means EVERYONE Can Make Android Apps - Business Insider

Home About wikiHow Jobs Terms of Use RSS Site map Log In Mobile view. All text shared under a Creative Commons License. Help answer questions Start your very own article today.