Source Code Menampilkan Tanggal Dan Realtime Di Android Studio

Daftar Isi

javasetid.com

Tebing Tinggi, sobat Javasetid.com - Menampilkan Tanggal Dan Realtime Di projek Android Studio bertujuan agar aplikasi yang kita buat dapat menampilkan waktu dan pengingat saat ini dengan demikian waktu dapat dilihat secara realtime.

Perlu sobat ketahui dalam menampilkan tanggal dan waktu harus membuat dan meletakkan beberapa kode di android studio nah langsung saja kita mulai step codingnya:

Langkah - langkahnya.

1. Buat Projek Baru android studio

kita beri nama "realtime" jangan lupa hapus examplenya sebagai contoh  com.example.realtime menjadi com.realtime.

projek baru serta settingan dan bahasa yang digunakan adalah java

2. Langkah kedua ketikan kode berikut pada "MainActivity"

package com.realtime;
import androidx.appcompat.app.AppCompatActivity;
import android.annotation.SuppressLint;
import android.os.Bundle;
import android.os.Handler;
import android.widget.TextView;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
public class MainActivity extends AppCompatActivity {

    private TextView textClock, textDate;

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

        textClock =findViewById(R.id.clock);
        textDate  =findViewById(R.id.date);
        Handler handler = new Handler();
        handler . post(new Runnable() {
            @Override
            public void run() {

                @SuppressLint("SimpelDateFormat")
                DateFormat clockFormat =  new SimpleDateFormat("HH:mm:ss");

                @SuppressLint("SimpelDateFormat")
                DateFormat dateFormat =  new SimpleDateFormat("EEEE,dd MMMM yyyy");

                textClock.setText(clockFormat.format(new Date()));
                textDate.setText(dateFormat.format(new Date()));

                // interval
                handler.postDelayed(this,1000);
            }
        });

    }
}

Nah .. setelah bagian  "MainActivity" diisi maka selanjutnya kita bisa masuk bagian res untuk melakukan coding layoutnya untuk lebih jelasnya perhatikan langkah ke tiga berikut ini

3. Langkah Ketiga Ketikan Kode pada "activity_main.xml" 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    android:paddingStart="5dp"
    android:paddingEnd="5dp"
    android:scrollbars="vertical"
    android:layout_centerInParent="true"
    android:layerType="hardware"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_marginStart="20dp"
        android:layout_marginEnd="20dp"
        android:layout_marginTop="300dp"
        android:layout_marginBottom="15dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <View
            android:layout_marginEnd="10dp"
            android:layout_toStartOf="@+id/quicklinksTxt"
            android:layout_centerVertical="true"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#5C5C5C"/>

        <TextView
            android:id="@+id/quicklinksTxt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:text="SELAMAT DATANG "
            android:textColor="#854343"
            android:textSize="25sp"
            android:textStyle="bold" />

        <View
            android:layout_marginStart="10dp"
            android:layout_toEndOf="@+id/quicklinksTxt"
            android:layout_centerVertical="true"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#470821"/>

    </RelativeLayout>
    <TextView
        android:id="@+id/clock"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="00:00:00"
        android:textAlignment="center"
        android:textColor="@color/black"
        android:textSize="18sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/date"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textStyle="bold"
        android:textColor="@color/black"
        android:textAlignment="center"
        android:text="tanggal"/>
        </LinearLayout>

Berikut kodenya... jangan lupa untuk memperhatikan kode kode yang di copas jangan sampai ada yang salah kodenya kalau salah codingannya maka aplikasi tidak akan berhasil dijalankan.

4. Langkah Keempat setting "build_gradle" 

 

setelah bagian layout selesai maka selanjutnya kita lanjutnya ke bagian gradel harus disetting lagi sebab untuk sekarang nilai targetsdk harus 34.

plugins {
    id("com.android.application")
}

android {
    namespace = "com.realtime"
    compileSdk = 34

    defaultConfig {
        applicationId = "com.realtime"
        minSdk = 21
        targetSdk = 34
        versionCode = 1
        versionName = "1.0"

        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
    }

    buildTypes {
        release {
            isMinifyEnabled = false
            proguardFiles(
                getDefaultProguardFile("proguard-android-optimize.txt"),
                "proguard-rules.pro"
            )
        }
    }
    compileOptions {
        sourceCompatibility = JavaVersion.VERSION_1_8
        targetCompatibility = JavaVersion.VERSION_1_8
    }
}

dependencies {

    implementation("androidx.appcompat:appcompat:1.6.1")
    implementation("com.google.android.material:material:1.10.0")
    implementation("androidx.constraintlayout:constraintlayout:2.1.4")
    testImplementation("junit:junit:4.13.2")
    androidTestImplementation("androidx.test.ext:junit:1.1.5")
    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
}

Kode Build_Gradle yang dirubah targetsdknya yang awalnya 33 menjadi 34

5. Langkah Kelima

Setelah build_gradle selesai di setting saatnya melakukan uji aplikasi tersebut dengan melakukan build aplikasi pada menu build untuk penampakan aplikasi yang telah berhasil sebagai berikut:

Nah sobat seperti itulah cara membuat dan menampilkan tanggal dan realtime di android studio, semoga artikel ini bermanfaat dan sampai jumpa pada kesempatan lainnya, terimakasih.

 dan untuk source code bisa diunduh disni "realtime" apk.