Create Calendar Android Application

Introduction

 

Android is one of the most popular operating systems for mobiles. In this article, I will show you how to create a Calendar Android application. The calendar is an important thing to handle events and commitments. So, I will show you how to create a calendar in Android applications using Android Studio.

 

Requirements

• Android Studio version 2.3.3
• Little bit XML and JAVA knowledge.
• Android Emulator (or) Android mobile
• Download link (Android Studio)

Steps should be followed

 

Follow these steps to create a Native Calendar Android application using Android Studio. I have attached the source code too.

 

Step 1

 

Open Android Studio and start a New Android Studio Project.

 

 

Step 2

 

You can choose your application name and choose where your project is stored. If you wish to use C++ for coding the project, mark the "Include C++ support", and click the "Next" button.

 

 

Now, select the version of Android and select the target Android devices.

 

 

Step 3

 

Now, add the activity and click the "Next" button.

 

 

Add activity name and click "Finish".

 

 

Step 4

 

Go to activity_main.xml, This XML file contains the designing code for an Android app.

 

 

The XML code is given below.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="abu.calendar.MainActivity">

    <TextView
        android:id="@+id/date"
        android:layout_width="0dp"
        android:layout_height="51dp"
        android:text="Date"
        android:textAlignment="center"
        android:textSize="45dp"
        android:visibility="visible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"


        app:layout_constraintVertical_bias="0.219" />

    <Button
        android:id="@+id/btngocalendar"
        android:layout_width="266dp"
        android:layout_height="47dp"
        android:text=" Calendar"
        tools:layout_editor_absoluteX="47dp"
        tools:layout_editor_absoluteY="8dp" />

</android.support.constraint.ConstraintLayout>

Step 5

 

Go to layout ⇒ New ⇒XML⇒Layout XML file.

 

 

The layout XML code is given below.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <CalendarView
        android:id="@+id/calendarView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

Step 6

 

Go to  Java ⇒ New ⇒Java class.

 

 

The calendar activity java code is given below.

package abu.calendar;

import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.CalendarView;

public class calendaractivity extends AppCompatActivity {

    private  static final String TAG = "CalendarActivity";
    private CalendarView mCalendarView;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.calendar_layout);
        mCalendarView = (CalendarView) findViewById(R.id.calendarView);
        mCalendarView.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
            @Override
            public void onSelectedDayChange(CalendarView CalendarView, int year, int month, int dayOfMonth) {
                String date = year + "/" + month + "/"+ dayOfMonth ;
                Log.d(TAG, "onSelectedDayChange: yyyy/mm/dd:" + date);
                Intent intent = new Intent(calendaractivity.this,MainActivity.class);
                intent.putExtra("date",date);
                startActivity(intent);

            }
        });
    }

}

Step 7

 

Go to  Main Activity.java. This Java program is the back-end language for Android. The Java code is given below.

package abu.calendar;

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

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";

    private TextView thedate;
    private Button btngocalendar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        thedate = (TextView) findViewById(R.id.date);
        btngocalendar = (Button) findViewById(R.id.btngocalendar);

        Intent incoming = getIntent();
        String date = incoming.getStringExtra("date");
        thedate.setText(date);

        btngocalendar.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this,calendaractivity.class);
                startActivity(intent);
            }
        });
    }
}

Step 8

 

We need to make Calendar View. So, add calendaractivity in an AndroidManifest.xml.

 

 

The AndroidManifest.xml Code is this,

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="abu.calendar">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".calendaractivity"></activity>
    </application>


</manifest>

Step 9

 

Now, either go to the menu bar and click "Make a project" or press ctrl+f9 to debug the error.

 

 

Step 10

 

Then, click the "Run" button or press shift+f10 to run the project. Select the "virtual machine" option and click OK.

 

 

Conclusion

 

We have successfully created a Calendar Android application using Android Studio.