{"id":37165,"date":"2024-11-01T09:55:23","date_gmt":"2024-11-01T09:55:23","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=37165"},"modified":"2024-11-01T11:36:23","modified_gmt":"2024-11-01T11:36:23","slug":"java-android-app-development-course-creating-the-stopwatch-feature-of-a-clock-app","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/37165\/","title":{"rendered":"Java Android App Development Course, Creating the Stopwatch Feature of a Clock App"},"content":{"rendered":"

<\/p>\n

\n<\/header>\n
\n

\n For modern smartphone users, a clock app is an indispensable tool.
\n Consequently, many developers are creating clock apps and adding various features.
\n In this tutorial, we will explore in detail how to implement a stopwatch function while developing an Android app using Java.\n <\/p>\n<\/section>\n

\n

1. Setting Up the Development Environment<\/h2>\n

\n To develop a stopwatch app, you need Android Studio and a Java development environment.
\n Follow the steps below to set up the development environment.\n <\/p>\n

    \n
  1. \nDownload and Install Android Studio:<\/strong>
    \n Android Studio is the officially supported Android development tool.
    \n Download the latest version from the [Android Studio Download Page](https:\/\/developer.android.com\/studio) and install it.\n <\/li>\n
  2. \nCreate a New Project:<\/strong>
    \n Launch Android Studio and select “New Project,” then choose “Empty Activity.”
    \n Set the project name to “StopwatchApp” and select Java.\n <\/li>\n
  3. \nGradle Setup:<\/strong>
    \n Use Gradle builds to add the necessary libraries and set the SDK version.
    \n Set `compileSdkVersion` and `targetSdkVersion` appropriately in the `build.gradle` file.\n <\/li>\n<\/ol>\n<\/section>\n
    \n

    2. Designing the UI<\/h2>\n

    \n Now, let\u2019s design the UI of the stopwatch. In Android, we define layouts using XML.
    \n Open the `activity_main.xml` file and write the code as shown below.\n <\/p>\n

    <?xml version=\"1.0\" encoding=\"utf-8\"?>\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\">\n\n    <TextView\n        android:id=\"@+id\/txtTimer\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"00:00:00\"\n        android:textSize=\"48sp\"\n        android:layout_centerInParent=\"true\"\/>\n\n    <Button\n        android:id=\"@+id\/btnStart\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"Start\"\n        android:layout_below=\"@id\/txtTimer\"\n        android:layout_marginTop=\"20dp\"\n        android:layout_alignParentStart=\"true\"\/>\n\n    <Button\n        android:id=\"@+id\/btnStop\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"Stop\"\n        android:layout_below=\"@id\/txtTimer\"\n        android:layout_marginTop=\"20dp\"\n        android:layout_toEndOf=\"@id\/btnStart\"\n        android:layout_marginStart=\"20dp\"\/>\n\n    <Button\n        android:id=\"@+id\/btnReset\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"Reset\"\n        android:layout_below=\"@id\/txtTimer\"\n        android:layout_marginTop=\"20dp\"\n        android:layout_toEndOf=\"@id\/btnStop\"\n        android:layout_marginStart=\"20dp\"\/>\n\n<\/RelativeLayout><\/code><\/pre>\n
    \n            The UI includes a `TextView` that displays the time in the center and three buttons (Start, Stop, Reset).
    \n            These buttons control the stopwatch’s functionality.\n        <\/p>\n<\/section>\n
    \n
    3. Implementing Stopwatch Functionality<\/h2>\n
    \n            Now that the UI is ready, it’s time to implement the watch functionality.
    \n            Open the `MainActivity.java` file and write the code as follows.\n        <\/p>\n
    package com.example.stopwatchapp;\n\nimport android.os.Bundle;\nimport android.os.SystemClock;\nimport android.view.View;\nimport android.widget.Button;\nimport android.widget.TextView;\nimport androidx.appcompat.app.AppCompatActivity;\n\npublic class MainActivity extends AppCompatActivity {\n    private TextView txtTimer;\n    private Button btnStart, btnStop, btnReset;\n    private long startTime = 0L;\n    private boolean isRunning = false;\n    private final Handler handler = new Handler();\n    \n    @Override\n    protected void onCreate(Bundle savedInstanceState) {\n        super.onCreate(savedInstanceState);\n        setContentView(R.layout.activity_main);\n        \n        txtTimer = findViewById(R.id.txtTimer);\n        btnStart = findViewById(R.id.btnStart);\n        btnStop = findViewById(R.id.btnStop);\n        btnReset = findViewById(R.id.btnReset);\n        \n        btnStart.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View v) {\n                if (!isRunning) {\n                    startTime = SystemClock.elapsedRealtime();\n                    handler.postDelayed(runnable, 0);\n                    isRunning = true;\n                }\n            }\n        });\n\n        btnStop.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View v) {\n                if (isRunning) {\n                    handler.removeCallbacks(runnable);\n                    isRunning = false;\n                }\n            }\n        });\n\n        btnReset.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View v) {\n                handler.removeCallbacks(runnable);\n                txtTimer.setText(\"00:00:00\");\n                isRunning = false;\n            }\n        });\n    }\n\n    private final Runnable runnable = new Runnable() {\n        @Override\n        public void run() {\n            long elapsedMillis = SystemClock.elapsedRealtime() - startTime;\n            int seconds = (int) (elapsedMillis \/ 1000);\n            int minutes = seconds \/ 60;\n            seconds = seconds % 60;\n            int hours = minutes \/ 60;\n            minutes = minutes % 60;\n\n            txtTimer.setText(String.format(\"%02d:%02d:%02d\", hours, minutes, seconds));\n            handler.postDelayed(this, 1000);\n        }\n    };\n}<\/code><\/pre>\n
    \n            The above code contains the basic functionality of the stopwatch.
    \n            It uses a `Handler` to periodically update the elapsed time.\n        <\/p>\n