How to Build a Simple Notes App in Android?

Notes app is used for making short text notes, updating when you need them, and trashing when you are done. It can be used for various functions as you can add your to-do list in this app, some important notes for future reference, etc. The app is very useful in some cases like when you want quick access to the notes. Likewise, here let’s create an Android App to learn how to create a simple Notes App. So in this article let's build a Notes App in which the user can add any data, remove any data as well as open any data.

Note that we are going to implement this project using both Java and Kotlin language. 

Resources Used in the Application

In this Application, we will be using Activities and Simple Java/Kotlin Code:

• Main Activity: The Main Activity is used for Activities on the Main Page.
• Detail Activity: Detail Activity is used for Details of the Notes Opened using the Open Button.
• Add Note Activity: The Add Note Activity is used for Creating new Entries in the Data.
• My Adapter: It is an Adapter for the list view used for Defining the Structure of Every Single List Item.

Layouts Used in this Application:

• activity_main: The layout of the main page is used here.
• list_item: The layout for the list item which is used in the main activity is mentioned here.
• activity_detail: The layout for the window where we will be opening the Notes in Full Page in the CardView
• activity_add_note: The layout for the window where we can add the new item on the main page.
  

Directory Structure of the Application

Steps for Creating a Notes Application on Android

Step 1: Create a New Project

To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio.

Note: Select Java/Kotlin as the programming language.

Step 2: Working with the MainActivity and it's layout file

In the activity_main.xml file the main page we will only display the Notes with Add , Open and Delete Button.

Design UI:

Step 3: Create an Adapter and it's Layout file

Apart from this we will need a Layout template for every List Item. So, we will be creating a new Layout File. Also, we need a Program to Support the MainAcitivity for adding the functionalities to ListView Items i.e. Add Button and Delete Button. Create MyAdapter Class containing the Functionalities. Create New Java/Kotlin Class MyAdapter file in the main src project in the same repo as MainActivity file:

File Name: list_item.xml and MyAdapter.kt/.java

Design UI:

Step 4: Creating New Layouts for Opening the Details and Adding the Items.

Go to app > java/kotlin > right-click > New > Activity > Empty Activity and name it as AddNoteActivity.

Note: Similarly Create DetailActivity.

Resource File Created :

1. AddNoteActivity.java/.kt and activity_add_note.xml
2. DetailActivity.java/.kt and activity_detail_activity.xml

Below is the code for AddNoteActivity:

Design UI:

And the code for DetailActivity:

Design UI:

Output:

Final Application to Build a Simple Notes App

Note: The Application we have created is like a template for your Notes Application you can make changes in it as you want.

The GitHub Link for the Application is : Click Here to access the Complete Code to create a Simple Notes Application