Introduction: How to Create an Android App With Android Studio

This tutorial will teach you the basics of how to build an Android app using the Android Studio development environment. As Android devices become increasingly more common, demand for new apps will only increase. Android Studio is an easy to use (and free) development environment to learn on. It's best if one has a working knowledge of the Java programming language for this tutorial because it is the language used by Android. There won't be much code used in this tutorial, so I will assume that you know enough Java to understand or are willing to look up what you don't know. This will take roughly 30-60 minutes, depending on how quickly you are able to download and install Android Studio. After using this tutorial to create your first Android app, you'll be well on your way to a fun new hobby or possibly even a promising career in mobile development.

Step 1: Install Android Studio

  1. Go to http://developer.android.com/sdk/index.html to download Android Studio.
  2. Use the installer to install Android Studio following its instructions.

Step 2: Open a New Project

  1. Open Android Studio.
  2. Under the "Quick Start" menu, select "Start a new Android Studio project."
  3. On the "Create New Project" window that opens, name your project "HelloWorld".
  4. If you choose to, set the company name as desired*.
  5. Note where the project file location is and change it if desired.
  6. Click "Next."
  7. Make sure on that "Phone and Tablet" is the only box that is checked.
  8. If you are planning to test the app on your phone, make sure the minimum SDK is below your phone's operating system level.
  9. Click "Next."
  10. Select "Blank Activity."
  11. Click "Next."
  12. Leave all of the Activity name fields as they are.
  13. Click "Finish."

*Note: It is typical naming convention in Android projects to set the company name as some form of "example.name.here.com".

Step 3: Edit the Welcome Message in the Main Activity

  1. Navigate to the activity_main.xml tab if it is not already open.
  2. Make sure that the Design tab is open on the activity_main.xml display.
  3. Click and drag the "Hello, world!" from the upper left corner of the phone display to the center of the screen.
  4. In the project file system on the left side of the window, open the values folder.
  5. In the values folder, double-click the strings.xml file.
  6. In this file, find the line "Hello world!".
  7. After the "Hello world!" message, add "Welcome to my app!"
  8. Navigate back to the activity_main.xml tab.
  9. Make sure that your centered text now reads "Hello world! Welcome to my app!"

Step 4: Add a Button to the Main Activity

  1. Navigate to the Design tab of the activity_main.xml display.
  2. In the Palette menu to the left of the phone display, find Button (under the heading Widgets).
  3. Click and drag Button to be centered underneath your welcome message.
  4. Make sure your button is still selected.
  5. In the Properties menu (on the right side of the window), scroll down to find the field for "text."
  6. Change the text from "New Button" to "Next Page."

Step 5: Create a Second Activity

  1. At the top of the project's file system tree, right click on "app."
  2. Navigate through to New > Activity > Blank Activity.
  3. Change the name of this activity to "SecondActivity".
  4. Click "Finish."
  5. Make sure you are in the Design view of activity_second.xml.
  6. Drag the text box in the upper left of the phone display down to the center as you did on the Main Activity.
  7. With the text box still selected, find the "id" field in the Properties menu on the right, and set it to "text2".
  8. Open strings.xml again.
  9. Add a new line under "Hello world! Welcome to my app!" that reads "Welcome to the second page!".
  10. Navigate back to activity_second.xml.
  11. Select the text box again.
  12. In the Properties pane, set the "text" field to "@string/second_page".
  13. Make sure that the text box now reads "Welcome to the second page!" and is in the center of the screen in the phone display.

Step 6: Write the Button's "onClick" Method

  1. Select the MainActivity.java tab along the top of the work environment.

2. Add the following lines of code at the end of the onCreate method:

Button button = (Button) findViewById(R.id.button);

button.setOnClickListener(new View.onClickListener() {

@Override

public void onClick(View v) {

goToSecondActivity();

}

});

3. Add the following method to the bottom of the MainActivity class:

private void goToSecondActivity() {

Intent intent = new Intent(this, SecondActivity.class);

startActivity(intent);

}

4. Click the + next to import at the third line of MainActivity.java to expand the import statements.

5. Add the following to the end of the import statements if they are not already there:

import android.content.Intent;

import android.view.View;

import android.widget.TextView;

Step 7: Test the Application

  1. Click the green play symbol from the toolbar at the top of the Android Studio window.
  2. When the "Choose Device" dialog apperas (this may take a few moments), select the "Lauch emulator" option.
  3. Click OK.
  4. When the emulator opens (this too could take awhile), the app will automatically launch the app upon the virtual phone being unlocked.
  5. Make sure that all of your text displays correctly and that the button takes you to the next page.

Step 8: Up, Up, and Away!

Congrats! You've now completed your first Android application with some basic functionality. Your finished app should have a page greeting the user and a button that takes the user to a second page.

From here you have the cursory knowledge you need to go on to learn all there is to know about Android application development.

Comments

author
Van DucL (author)2017-08-09

Dear good friend,

Your instruction is very helpful and suitable to the beginner, especially for me. And I feel it excellent.

However, since I am so new to follow up your guide.

On your instruction, there were some things not so clear to me, and I could not find out the right location to create required action as you guided.

Should you better upload the image for each action during your guide on the programming to create an Android project, or please kindly show me where I can find out these things.

Maybe, the versions of Android Studio you used in your guide and that from I did, are different !

So, could you help and show me more clearly and slowly, on the step-by-step process with illustrative images.

Many thanks

DATECHENGVN GROUP

author
VideozS (author)2016-12-05

my emulator doesn't open... and after open an error is VT-x and BIOS. blah ! blah ! blah ! please tell me solution to open my emulator.

author
vishalv52 (author)VideozS2016-12-16

Hey!.

On Windows, go to BIOS > advanced settings >

There should be an option to enable virtualization

Save and restart your system

author
sarathy234 (author)vishalv522017-08-03

thank uuuuuuu

author
devasmarty (author)vishalv522017-07-01

Hmm it's quit different dude

author
devasmarty (author)VideozS2017-07-01

Try nexus 5 emulator of x64/84

author
jeffgreinert (author)2017-07-26

It's been a few years since this very helpful Instructable was posted. The original post contained a couple of errors, and Android Studio has changed since then, so here's the adjustments you need to make to the original post to get it to work.

Step 2.10 Blank Activity is no longer an option in Android Studio. Use Empty Activity.

Step 6.2 As ingsocof1984 pointed out, you need to capitalize the first letter in the 2nd "onClickListener", like this:
button.setOnClickListener(new View.OnClickListener() {


Step 6.5 Again from ingsocof1984, you need to add another "import" statement. It's in the picture, but not the original text description.
"import android.widget.Button"

I couldn't get the text & buttons centered as described in the instructions, but it ran just fine. My final code looks like this: (Let's see if posting it keeps the spaces I used for indentation!)

---------------------
MainActivity.java
---------------------
package com.example.user.helloworld;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.view.View;
import android.widget.TextView;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = (Button) findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
goToSecondActivity();
}
});
}

private void goToSecondActivity() {
Intent intent = new Intent(this, SecondActivity.class);
startActivity(intent);
}
}


-------------------------
SecondActivity.java
-------------------------
package com.example.user.helloworld;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class SecondActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second);
}
}

author
RsnMeda (author)jeffgreinert2017-08-02

Thanks for this.
Noticed that "Blank" wasn't a thing, & the "Hello world!" text wasn't showing up in strings.xml, suspected it was outdated.

author
FreePvp (author)2017-07-23

Thank you so much!

author
MrNams (author)2017-07-13

great,thansk for sharing

author
davissa (author)2017-07-12

Hehehe great..

author
shahdhruvi (author)2016-12-16

I am not able to see my app in android emulator

author
devasmarty (author)shahdhruvi2017-07-01

Reinstall SDK in SDK manager and update another emulator

author
ChayH1 (author)2016-12-23

1,674 MB for downloading the Android Studio...

author
devasmarty (author)ChayH12017-07-01

Of course its good with eclipse

author
Mandy_K (author)2017-01-12

My Project in Running Even Android Virtual Device is pop up but my hello world screen is not shown ..... it is showing just default "android" over the screen ... please help me put how i can run my own project screen ... Thanks in advance

author
devasmarty (author)Mandy_K2017-07-01

Try another SDK pack

author
tejaswiTeju made it! (author)2017-02-02

Unable to dowmload the foolowing. Help me out

Packet_Not_downloaded.png
author
devasmarty (author)tejaswiTeju2017-07-01

It's an older version that you've installed into Windows 10 please uninstall this package completely and download the android studio in http://www.androidstudio.com/download fit worthy

author
asadhirmoge (author)2017-06-21

I have a great idea that i think is solution to a huge problem, looking for a great coder to partner up with to finish the app. if interested please contact me on

asadhirmoge@gmail.com

author
pravalive (author)2017-04-19

with out the company details.can't we create the app??

author
kushalk24 (author)2017-04-04

Guys I have a great idea for an app but I don't know how to build it.Help anyone?
my mail - kumarkushal71@gmail.com

author
nnoya (author)2017-04-04

Hi! I have an idea. a Great app that will be helpful. but I don't know how to make it ( still thinking how ). this application maybe helpful to those who own medium businesses. I don't know who's the right person to discuss this.

please help me.

thank you :)

please send email. Thank you.

n.rey_noya@yahoo.com

author
buki1959 (author)2017-03-06

when i run the app i am getting string types not allowed (at 'id' with value '@+id/') error help me fix it

1488855852996.jpg
author
AmeyaK (author)2017-03-06

very helpful for beginner...!! Thanks

author
moontechnolabs (author)2017-03-06

Thank you for post helpful tutorial for Newcomers user for Android development and learning user.

author
Abdul RazzaqB (author)2017-02-27

Error:Failed to find target with hash string 'android-24' in: C:\Android\sdk1

<a href="install.android.platform">Install missing platform(s) and sync project</a>

how to resolve

author
AshwinA18 (author)2017-02-24

i think you have to update your instructions, as the latest versions have half the stuff changed but other than that,this was brilliant

author
SeanG103 (author)2017-02-19

Hi Guys,

I cant see this bit under strings:


  1. Add a new line under "Hello world! Welcome to my app!" that reads "Welcome to the second page!".

See below:

What am i doing wrong?

Untitled.png
author
SUMANT K (author)2017-02-02

It is very good way for app development

author
jasim12 (author)2017-01-18

I already android studio installed

author
jasim12 (author)2017-01-18

i dont't know how to devolep app please teach me

author
ChayH1 (author)2016-12-23

OK, sounda cool when I read about step 4: click and drag buttons?

author
HarshulS (author)2016-06-09

i did not understand how to open the strings.xml page

author
MichaelC628 (author)HarshulS2016-06-28

HarshulS - the strings.xml page can be found in the following area:

"project_name"\app\src\main\res\values\strings.xml

To open it, just double click it in the left pane of Android Studio.

Hope this helps.

author
OjoeMDC (author)MichaelC6282016-07-29

Opening that does not change centered text for me

I only had one line of code in there (other than <resources></resources> and it was <string name="app_name">Hello World!</string>

Do I have to add the others? Because I tried that and it still didn't change the centered text.

author
BinditaJ (author)OjoeMDC2016-11-23

you need to change the text property of this text box to @string/hello_world. In the properties, you might see 2 "text"s. Change the one that has a small spanner like icon.

author
stackpop (author)OjoeMDC2016-11-04

I am also experiencing this problem. I think that Android Studio Projects has been updated since this tutorial was made. An excellent tutorial, just can't follow it exactaly step by step anymore.

author
OjoeMDC (author)stackpop2016-11-05

Yep, im glad to know im not the only one with this problem.

author
MichaelC628 (author)stackpop2016-11-05

That is true - we are up to API 25 now and this this was written when 21 was the latest API. Truth be told - the ONLY time I bother with strings.xml (which still is in the same structure I mentioned above) is for things like app name or static menu bar titles. Studio will complain when you build the project and suggest that you use the strings.xml file but when you start getting into threaded apps - and dynamic labels - the strings file looses its usefullnes.

author
dlcomm (author)2016-11-11

Not sure what version of Andriod studio you are using but I have 2.2.2 for linux installed and had to pretty much use my own programming skills to make any of this work. :(

author
MuhammadM197 (author)2016-11-06

I am just getting to know how to program, I need a sample button code that open inputted URL on a default browser and also a code that display written text in a new window

author
teiladnam (author)2016-09-17

I think this is out of date. In the version of Android Studio I downloaded and installed today, there's no "Blank Activity" option. Also, the strings.xml file is not readily available; I had to look at another comment to see where it was. Plus the "hello world" string isn't in there.

When I try to run this, I'm told that android.support.design.widget doesn't exist... which is bewildering, because it automatically added that import to my Java file! Why would it do that if it doesn't exist? Apparently the solution is to edit the Gradle file, but I don't know what that is and don't feel like figuring it out now. I'm not sure if this is relevant to the tutorial but I thought I'd bring it up just in case.

author
Levi JacobC (author)teiladnam2016-10-04

Did you find a more up to date step-by-step guide as I'm having the same issue.

author
stackpop (author)Levi JacobC2016-11-04

I am having a similar issue following the step by step guide, I think they've switched things around with the newest update. Exact same issues as teiladnam is describing.

author
apple99t (author)2016-10-15

Hi there, i am trying to do a simple picture app but i keep getting tangle up . Please help.

author
sharadkapil (author)2016-10-15

Thanks for this article,

I have followed all steps...

on compilation I get following errors...

error: cannot find symbol class onClickListner.

please help

Thanks

author
ChinonsoN (author)2016-09-18

nice

author
Mr_Mime (author)2016-09-16

didn't think you could do it that easy:)

author
ToonH3 (author)2016-08-27

easy as that :)

About This Instructable

1,316,290views

1,774favorites

License:

More by TheZachBales:How To Create An Android App With Android Studio
Add instructable to: