how to create stopwatch in android studio source code

January 11, 2020 Madhusudan Nayak

Hello Guys. Welcome to our new tutorial of how to create a stopwatch in android studio source code. this android studio source code will help you to create basic stopwatch application.

please follow the code given below to create stopwatch in android studio source code

First Create a new project in Android Studio
File ⇒ New Android ⇒ Application Project
Then Open src -> package -> MainActivity.java and then add following code :

JAVA (MainActivity.java)

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.os.SystemClock;
import android.view.View;
import android.widget.Button;
import android.widget.Chronometer;


public class StopWatchApp extends AppCompatActivity {

    private Chronometer chronometer;
    private boolean start;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_stop_watch_app);

        chronometer = findViewById(R.id.time);
        chronometer.setOnChronometerTickListener(new Chronometer.OnChronometerTickListener() {
            @Override
            public void onChronometerTick(Chronometer chronometerChanged) {
                chronometer = chronometerChanged;
            }
        });
    }
    public void startStopChronometer(View view){
        if(start){
            chronometer.stop();
            start = false;
            ((Button)view).setText("Start");
        }else{
            chronometer.setBase(SystemClock.elapsedRealtime());
            chronometer.start();
            start = true;
            ((Button)view).setText("Stop");
        }
    }
}

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.os.SystemClock;

import android.view.View;

import android.widget.Button;

import android.widget.Chronometer;

public class StopWatchApp extends AppCompatActivity {

private Chronometer chronometer;

private boolean start;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_stop_watch_app);

chronometer = findViewById(R.id.time);

chronometer.setOnChronometerTickListener(new Chronometer.OnChronometerTickListener() {

@Override

public void onChronometerTick(Chronometer chronometerChanged) {

chronometer = chronometerChanged;

}

});

}

public void startStopChronometer(View view){

if(start){

chronometer.stop();

start = false;

((Button)view).setText("Start");

}else{

chronometer.setBase(SystemClock.elapsedRealtime());

chronometer.start();

start = true;

((Button)view).setText("Stop");

}

Now Open res -> layout -> activity_main.xml and then add following code :

XML (activity_main.xml)

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".StopWatchApp">

    <Chronometer
        android:id="@+id/time"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:layout_marginBottom="190dp"
        android:textAlignment="center"
        android:textColor="#ad1457"
        android:textSize="50dp"
        app:layout_constraintBottom_toTopOf="@+id/startbutton"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">

    </Chronometer>

    <Button
        android:id="@+id/startbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:onClick="startStopChronometer"
        android:text="Start"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/time" />
        </android.support.constraint.ConstraintLayout>

<android.support.constraint.ConstraintLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

xmlns:tools="http://schemas.android.com/tools"

tools:context=".StopWatchApp">

<Chronometer

android:id="@+id/time"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="16dp"

android:layout_marginBottom="190dp"

android:textAlignment="center"

android:textColor="#ad1457"

android:textSize="50dp"

app:layout_constraintBottom_toTopOf="@+id/startbutton"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent">

</Chronometer>

<Button

android:id="@+id/startbutton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_margin="16dp"

android:onClick="startStopChronometer"

android:text="Start"

android:textStyle="bold"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toBottomOf="@+id/time" />

</android.support.constraint.ConstraintLayout>

Output:

Finally, run this project.

This is how basic Stopwatch in android looks like.

Free Education

how to create stopwatch in android studio source code

XML (activity_main.xml)

Leave a Reply Cancel reply