App Inventor Tutorial Rotating Header Image

How to use Activity Starter Component in App Inventor

Here in this case, to add a link to a website. We are going to use a button to perform the action to take us to a website. And drag the button to the screen and change the properties of the button according to your requirements. It is better to rename the buttons to a name that is easy to remember while we are working with the blocks.

An activity starter is used to link to a website button, so that when the button is clicked it open the website link.

Drag the activitystarter to the screen and rename it accordingly to identify easily in the blocks editor.

In order for App Inventor to realize that the activity starter to perform a certain action in this case to go to a webpage. Check the activity starter is highlighted and we need to type a snippet that tells the App Inventor to what you want to do.

We are going to type android.action.intent.VIEW and make sure the VIEW should be typed in Upper Case only.

By using the blocks editor, we want the components to perform the action. Here in this action, when the button is clicked it should take to a website.

When a website button  is clicked what do we want to do? We want the activity starter to do something and in this case to open a webpage.

Follow this tutorial for more information on using Activity Starter Component. 

One Click Button App using App Inventor

How to create an app using App inventor if you click a button the piece of the text will appear and if we click on the button the second time the text will disappear.

But there is no one clicking method to achieve this.

In order to make an app of this functionality, drag two buttons onto the screen.

If the button one is invisible, the second button goes up and fills the space that is used to be in.

That is in this app any one of the button any one of the time should be visible which means effectively at the same postion. We can make them identical by making the text identical, so the text in both of them is Click.

Drag a text label on the screen underneath the click buttons and edit the properties to make it invisible.

By using the blocks, when the button 2 is clicked as this is the button visible on the app,

So when the button 2 is clicked, set the visibility of the button to false and we also want to set the visibility of the button 1 to true and also at the same time we want to set the visibility of the text label to true to show the text. And follow the same procedure for the button 1 to false, button 2 as true and the text label to true.