Create An Android App

PREV Page -Resources Drawables Tutorial
NEXT Tutorial - Let's Edit our New App

THIS Tutorial - Create a Simple Android App
You May Like:
Make Sushi Rolls Taste World Wines Flavours and Aromas

AIDE and ANDROID STUDIO

We are using AIDE, to create these tutorial apps on our tablet with android version 4.2.2; using the Android Java XML programming language.

We are using the AIDE coding editor to code our pages; and then to Create - Build, RUN our apps. AIDE is a SDK coding environment for android devices like a tablet or smartphone. AIDE has a free and paid version.
With the Free version, you can make Android template java/xml apps; using the AIDE coding editor to edit, code, create your coded pages.
With the paid version you can make template Android java/xml apps; using the AIDE coding editor to edit, code -create coded pages; and you can add a keystore to your app; which is required if you want to publish it to the marketplaces.

To make money with your App(s) you publish them to the marketplaces like Google, Amazon, and many smaller distribution markets as well.
As of April 2019, the paid version of AIDE is about $20 canadian.

Updating Your App

You can update your app's code as often as you like. Each time you do so; you need to save the files then Build, RUN Install, then Open your app to see any updates you make to it. Your app gets installed in the same place as your other tablet or smartphone apps, and to open your app, just click on the icon and app name.

You can also create; Build, RUN your apps from the coded pages in these tutorials using Android Studio. Android Studio is for desktop computers. Choose Java XML as the programming language. Android Studio is free to install and use.

Complete Example Codes are available for each of our tutorials. With these example codes you can make a functioning android app in either AIDE or Android Studio.

AIDE for Creating Android Apps on Android Devices


These tutorials are using AIDE- a SDK coding environment used to code android apps on android devices like tablets and smartphones. AIDE has a free and paid version.

If you have not yet installed AIDE, this guide will help you get started installing it on your tablet. Once you have it installed you can Create Your Simple Android App.

AIDE is available for free download and install at Google Play - you can do a search for AIDE or follow these:
On your tablet Google AIDE link and to their
On your computer AIDE website
AIDE has over 2 million downloads and is quite popular with Android App Developers. Its best feature is that android apps can be created on your tablet; then installed on your tablet, which makes it great for testing your newly created apps.

Once you run and install an app, that app remains on your tablet, (like any other app you've installed on your tablet). To open the app, simply click on the apps icon.
When you edit or make changes to your app; you need only run and then install the app again.

Some of AIDE's Many Features

Filebrowser:
Built-in file manager for most common features:
Rename, delete, create file or folder
Code completion for Java and Android XML
Real-time error checking:
Real time error analyis throughout the whole project as you type
Automatic Quick-Fixes for many errors
Build/create template Android Java/xml apps,
Create an Android Template java/xml App with a single click (must name your app first)
AIDE is compatible with Android Studio for Java XML Programming code
AIDE is great because of its mobility, you can code on your tablet or cell, on the go.


Some of the Paid Features

Learn-to-code; some free some paid,
Create template Android Java/xml apps,
Create a keystore for your app,
Publish your apps to the marketplaces like Google,
Interactive lessons with step-by-step instructions,


Install AIDE - Create A Simple App - and name it 'Tutorials'

TO INSTALL AIDE ON YOUR TABLET

First, you must goto the Google Playstore, where you can install the AIDE app on your android device
Click here to goto AIDE-for android devices

Click the install link
The app will install on your tablet
(last read AIDE supported android versions 2 and greater)

Open the app

A small screen appears asking you 'What You Want To Do', with several choices;(including Buying Paid Version or Continue with the Free Version)
Just CLick the 'Continue For Free', button, if your not buying the paid version at this time;


If you want to goto the Android Lessons: (Free version - two are free, paid version - some are free; or you can buy lessons for $6 monthly) To read the lessons now Choose the category that reads:
Android App Development,
then choose the first lesson.

Naming Your Android App

(For our tutorials, choose this)
If you want to 'Create Your First Android Java/xml template Android App, then continue(scroll down) to the menu category: CODE - for Experts.

the AIDE files and coding editor is opened
Now, from the Left Menu in the coding editor; Choose 'Create New Project';
then choose 'New Android App, (gradle, android, java/xml),
then on the next prompt
type in the name for your app Tutorials(or use your own)
(this name,Tutorials -app name- is the name you click on to open your app once it has been installed on your android device) and,
type a package name as:com.androidappcoding.learnandroid(or use your own);

then click CREATE, it will say, 'creating project',
and then it loads the app files created into AIDE editor for you to view.

At this point your app pages are created and your can view them in the AIDE coding editor; but your app is not yet installed on your tablet. Before we can install it we have to build and run our app.

Build, Run Your App
build run your android app in AIDE, free android tutorials
To build, compile, and RUN our app, we need to:
click the ARROW, (shown in this image circled in green) at top of editor,
then, at the Prompt shown: choose - Continue for Free, and click INSTALL. (If you've purchased AIDE, then there is no NAG screen prompt, you can just click the Arrow on top of page).

It says, 'App installed', then just click OPEN.

Now your app has been installed on your tablet(or smartphone). To View your newly created 'android app', Look for your app amongst your other tablet apps. Look for the little green android icon, and the app name - Tutorials, or the name you gave it.

Viewing Files in AIDE Coding Editor

How to view files in AIDE

To view files in the editor, choose from the Top Right Menu Dropdown(shown in this image circled in green); then Select VIEW, then FILES; look to the left menu, and there, click on the little orange folder;
Click the orange folder, goto AppProjects
each time you click on it; it goes back to the previous folder; just keep clicking the orange folder a few times until you see at top of it /AppProjects. Your created projects(the apps you made) will be shown in a list like format on the left menu -
as shown in this image.
View your App Projects

Opening Files in The AIDE Editor
To open files in any of your projects, just click on the project name, and keep clicking folders till you get to the file you want to code.

For example: lets say you have created an App named: CodeShapeDrawable; and we want to look at your apps strings.xml file.

First click on the folder app name CodeShapeDrawable,
then click on folder -App,
then click on folder SRC,
then click on folder Main,
then click on folder RES,
then click on folder VALUES,
then click on file strings.xml.
Now your strings.xml file is open in the coding editor. You can add code to it.

Each file you open will stay at the top of the code editor(tabs),you can then toggle amongst them.

To create a new project(new app), just choose the Create New Project, also from the left side menu, and then choose New Java/xml android app

Creating Files and Folders
Create a Folder or File in AIDE, SDK Coding Environment
To create a new file or folder in the AppProject File Hierachy- just click on the Menu selector at top of side menu as shown in this photo circled in green. From the dropdown choose:
Create new File or Folder;
For example: Choose Create New Folder; then,
Type in name of the folder.

Lets assume you need to create the folder named 'raw' for your app project because your adding audio and video files to your app project like mp4 and wav files. These files need to be put into the res/raw folder of your app project(res means resources)
They do not go into the res/drawable-hdpi folder, that folder is only for images like jpegs, and pngs.

Once you create your 'raw' folder, you can copy paste the media files into it. Then just define the file name in your coded page where required. You do not need to add the file extension in the coded page; just the media name; like this; myvideofile, not myvideofile.mp4.
The same for adding images; in the coded page just define the file name without the extension added.
Files can also be created from within an app project folder;
For example, in the res/layout/ folder; new files can be created by clicking on: Create New xml file. Then, just name your new file like this: Example - myvideopage.xml

Editing Files
Common pages you will edit are: androidmanifest.xml, main.xml, strings.xml, MainActivity.java. They can be named as you like, except for the androidmanifest.xml file. Because you created a template android app, it names them this way.
Learn about these pages as you read our Tutorials I - the coded app pages.

Our First Android App
This first app we create is a basic android app, it has only one page(one activity), and one simple line of text (Hello World). This is ideal when you are first learning to code android apps.
For each of our tutorials, we will learn new codes, (app functions, features, UI components) that we can add to our simple one page app.

Android Studio

You can also learn to code Android java/xml, on your computer using ANDROID STUDIO, which is free to install and use. And, any files you create using AIDE or Android Studio, are compatible with each other.

So, you can code in Android Studio, then load that coded page into AIDE, to continue coding, then load it back into Android Studio to code. (must be same programming language like java.xml)




Using original AIDE - to Create Your Android Java/xml App

If you had installed AIDE on your android device in previous years(2016,2015, like I did) and didn't update your app, it is possible your using the original version of AIDE, or not the newest version.
If so, that is fine, except when you first open AIDE and navigate to the Create Your App Screen, there are a few differences between the two versions.

With a few exceptions, the coding editor, and navigating it, are the same for both versions. We have already explained some of these in the previous section.


If you have installed AIDE this year, then you are using the latest version; which is easy to know because the newest version has the nag screen asking you if you want to buy the paid version and if not- click, Continue For Free.


In the following guide, you can create your Android Template Java/xml app, with photos and explanation, for the original version of AIDE.
And, Do Read this guide for info on the coded pages; building and running your new App; and navigating the coding editor.


From the folders menu(left menu, or top right choose FILES, then on left menu), click Create New Project Here

Create a Android app, create new project in AIDE, apps for android

Then choose the HELLO WORLD Java/XML template app

Next page as shown in photo here; We Name Your App- there is a:
App Name and a Package Name

how to name your android app package,apk file,android free tutorials
App Name is what is seen in your app`s TextView at top left; and also in your AppProjects listing; and you can name it as you like.
It could be the Theme of your app like EXAMPLE Tutorials It can be edited later, if you want to change it.

Package Name is not seen in your app`s TextView, nor in the AppProjects listing. The com.mycompany.myapp, is used to name your .apk file. The .apk file is the file that contains all your app`s files and is referred to as the apk package or apk.

If you distribute your app to app marketplaces this is the file you use. If you have a domain name you can use it at mycompany, otherwise; name it what you like
We will name it com.androidappcoding.learnandroid


CREATE YOUR SIMPLE APP

Once you've entered your App Name and Package Name info click CREATE


You Have Created An Android App

Now, we will explain the various files in your app and what they do; however, before we do that; we will show you how to RUN your app so you can see what it looks like on your tablet. This is easy to do.

How to Compile and Run Your Newly Created App Files

Click the icon, then choose RUN
First, from the right top of your AIDE screen as shown in this photo, click the icon; then choose RUN.

The app files will compile, dex, build, then sign to create a .APK file for your app.

This apk file then needs to be installed on your tablet, in order for your app to be viewable.
The resulting display will ask you if you want to INSTALL your App

How To Install Your Newly Created Android App, AIDE For Creating Apps on Tablets
Choose INSTALL, and the app will be installed and you will get a confirm that your app has been installed as shown in this photo. Once it has been installed that means your app icon and name is shown in your tablets` apps.

You can click to open the app from here or find your newly installed app`s icon and name we gave it, amongst your tablet`s apps and click that to open your app. Look for the green android icon with the name Tutorials
Confirm Your Android App Has Been Installed,Android App Maker

How to Locate - Open Your New App

All android apps are defined by their icon and app name. Just look at any apps you now have installed on your tablet and you can see this easily.

To locate this apps icon you will look for the android icon that shows on the top left of this tablet photo and the name Tutorials will show with that icon. Double clicking on it will open your app for you. The app should look like the one in this tablet photo.
Creating your Android App: How to view your newly created app
You`ve created your app, and installed it on your device by using RUN and then INSTALL with AIDE. Now, you can learn about the files in your app: what they do, and how to code them to add more functionality to your simple app.

After creating your app you were taken to a AIDE screen, which showed some of your apps files. Now you want to look at all of them and get a better understanding of what they do.

Let`s return to AIDE
Click on the AIDE app icon and you will goto the screen within AIDE.

Review AppProject Files

GOTO
choose icon browse AppProject files
There are various ways you can view your App Projects files:

goto files in AIDE, for creating android apps
Click on ICON top right corner of your screen, choose GOTO
All your files for the APP you just created are shown in the white box dropdown menu
Choose a file to view it
Tap inside the white box to toggle it back
To view it again, click on top right corner of your screen, choose GOTO
Now, view each of your files in your AppProject

Along the top of your screen you can see the files also; click on any of them to view the file in your screen

You can also view files, folders by clicking on these icons on your AIDE screen as shown in these photos:
toggle menu top screen to see files and folders in your android app
show menu to view files in AIDE  AppProject files
If you already read our tutorials; you know some files you DO NOT edit ever! Most of these have the java extension, however, you can edit some java files.
DO NOT MODIFY is usually typed across the top of these .java files that should not be edited. They are system created when you RUN your app, and are therefore important in the creation of your app.

As a general rule, .xml files you usually can edit; some .java files can be edited, most cannot be edited.
We do recommend reading our Tutorials (list on this page) to know what each AppProject file does.

Our Newly Created App - Tutorials

Now, let`s look at this apps files. First, we will summarize them; then we can make some additions and changes to practice coding this simple app.

We know this Apps Name is tutorials, , so we will look for that name in the AppProjects folders.
We will double click on Tutorials to view all the apps folders and files:
our newly created simple app named - Tutorial, How To Program Android
The first file to look at is the androidmanifest.xml shown here in the first photo as it is seen in the AppProjects files; and then in the next photo as the actual page with its code.
Please Note: As this app was created from a pre made sample app these files have been automatically made for us but once you gain knowledge of creating apps you can also create your own to use, although using a pre made example app (also known as a template) and just editing it is much easier- just need to copy-paste-edit
appProject Files Hierachy
andoridmanifest.xml, for creating android apps

The androidmanifest.xml is the file that contains what your app is about. This file can be edited. The file is necessary to compile, run, and install your app and any of its updates. It resides in the root of your AppProject files.

androidManifest.xml file
What is the android manifest xml file, android app tutorial

You should look to this file to add your app`s icon: android:icon(ic_launcher) and give your app a name: android:label. The icon shows at top of your app view and the app name is next to it. You can change both of these by editing the application element within this file; and the strings.xml file, to change the app name label text.

Other important elements are uses sdk which is the android versions you want your app compatible with; and the intent filter which basically tells your app to goto your first activity. For a simple explanation, the activity is the first page of your app, and each android app must have at least one activity (one page app)

Also in this photo you see the Activity element has .MainActivity - this refers to the file MainActivity.java, one of the few java files you can edit.

mainActivity.java file
What is the mainactivity.java file, android app tutorial

Intent Filter

Basically, the intent filter tells the android system to goto MainActivity , and then from MainActivity.java the android system goes to res/layout/main.xml to get the layout particulars for your screen view and to res/values/strings.xml to get the actual text to display on the screen. If you added images to your textView, the res/drawables is where the system gets them. This summarizes where the android aystem gathers all the info for your app.

So we know the strings.xml is where you place the text; the drawables is where you place your images, and main.xml, is where you specify the app`s textViews, its appearance, and where you add code for elements like:buttons, and images,and of course the string elements for the text in the app.

The main.xml file has a Linear Layout element and a Text View element. The linear layout defines the activity appearance and how it should show on the screen. Vertical orientation means that when the app is first used the text should show vertically within the screen view.
res/layout/main.xml file

The TextView element has some layout attributes like width and height; and the element android:text=string/hello means that there is some text to be displayed on this activity. To see what that text is, we know we look at the strings.xml file, and we can find that at /res/values/strings.xml.

The Main.xml file can be edited, and the name can be changed also.


If you do change the name, then the new name must also be coded at the MainActivity.java file which is at src/com/ androidappcoding/learnandroid /MainActivity.java Read tutorials on main.xml for additional info.

The strings.xml contains all the text for the app; like words, headings, titles. This file can be edited. Read tutorials on strings.
The drawables is a place (folder) to put your app`s images, and other media types. Read tutorials on drawables.

The AppProject Folders

Looking at this next photo of the AppProject Files and Folders: we see the RES folder as being the most often used because this folder has the files: main.xml and strings.xml which you will probably edit often as you make changes and additions to your android app.
Drawables for your app`s images and and media types is also located in RES folder.
The folders of a App Project in Android AIDE, Create Apps in Java XML
The GEN folder, has the files, r.java, and buildconfig.java: neither of these should be modified. They are created when you compile and run your app.

The LIBS folder, contains files for your libraries, code from external sources that helps to build your app. If using a template to create your app, these are created for you.

The GIT has java files and external sources for creating files. You may code these once you become an experienced programmer.

The BIN folder is where you can find your app apk file. The apk file is like a desktop computer exe file - but only compatible with android devices. It contains all the components of your app. It is in a compressed format, and when installed it uncompresses itself.

The apk file is important as it is the file you need to use to distribute your app to market places like Google and Amazon. You can copy - paste the apk file to - from the BIN folder. Use your tablet`s file manager to copy it, as you cannot copy or paste a file from within AIDE editor. This file can also be used on your website, to let users download and install your app.

These common folders and files - RES - values(strings.xml) , layout(main.xml), drawables(for images),SRC (mainactivity.java), and the androidmanifest.xml; will the most often edited files for any app you create.

Now that you have created a simple pre made android app and read the basics of what each app file does; you can now begin to add to your app and edit your app`s textView. Then, you can add more functionality to your app: things like buttons, images, a second page;(activity) .

If you have read our Tutorials (see Tutorials at side menu); then you are somewhat familiar with the code classes and the elements - and their attributes that are available for use in your app`s textView.
NEXT Page - Add Styles To The App Named Tutorials



If you liked our free Android App Tutorial Give Us A Social Mention Share This Page

























AIDE for creating Android Apps on your tablet or cell phone(android).
Free and Paid - with Free create Java/xml template apps and couple free android lessons. With paid some lessons included, create Java/xml template apps; create a keystore for your app. With a keystore you can publish your app at markets like Google.
GoTo Aide

ANDROID STUDIO - for creating Android Apps on your desktop computer.
Free to Install and Use
GoTo Android Studio Learn more - Android Studio

The Java XML files we code(example codes) and the Android Apps we create in our Free Tutorials are compatible with Android Studio and AIDE. Just choose Java XML as your Programming Language.






TUTORIALS I
Java XML
The Coded Pages

Beginners Article
About Our Tutorials
Coding androidmanifest.xml
Coding R.java
Coding buildconfig.java
Coding mainactivity.java
Coding main.xml
Coding strings.xml
Coding drawables

TUTORIALS II
Java XML
Learning To Code

Create A Simple
Android App

Change App Icon

Add Text and Style

Add Buttons To App

Placing Text in
Buttons


Change View
Background Color


Change Screen
Orientation


Add Image to
Activity View


Add Horizontal
Scroll View


Add a Frame Layout

How to Add Themes
To Your App

How To Code
Customized Styles

Code a Toast Message

Coding Resource
Identifiers



TUTORIALS III

Java XML
Adding Functionality

Coding Shape
Drawable - Lines


Coding A WebView

Coding A Timed
Screen Splash



from the Web
SPECIFIC CODING TASKS

Add Clickable Button
To textView

Image Button with
Selector

Linear Layout with
weight attribute

OnClick Displays
Message

Screen Density
Coding Practices


CODING ENVIRONMENTS

AIDE
for android tablets

Android Studio
For desktop computers


IMAGES ICONS FOR YOUR APPS

Code Canyon Paid From $1

IconFinder.com Free and Paid From $1


Our ARTICLES

App Distribution
Launching Your Android App
How To Be Successful

Android App Libraries
What are they and how
to implement them


ScrollView
How To Implement
ScrollView

View All Articles

About Our Images

All images on this page are copyrighted material.
You can use the images included with each tutorial for the purpose of creating your android app. These images are not to be distributed or sold.


APP SIGNING KEY- GOOGLE


How To Add Your Google Key
To Manifest.xml
Web Article

How To Sign Your APK Web Article

Google Developer
Console
Create Account Submit Your App
Web Article


APP SIGNING - AMAZON
Amazon App DRM
APK KEY

Amazon Developer
Portal
Create Account - Submit Your App


MONETIZE YOUR APP
InMobi
AdMob
Google's In-App Billing for App monetization.

Monetizing Your App
How Tos


Follow Us On Twitter
Tweets by @CodeAndroidApps