Membuat Aplikasi Jam Digital di Android Studio

Assalamu'alaikum...

Baiklah pada kesempatan kali ini ane akan posting gimana cara membuat jam digital di android studio... Oke langsung saja... Teman-teman buka android studionya dan buat project baru....
Kemudan masukkan code berikut ini di "Text" activity teman-teman...


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="go_android.myapplication.MainActivity">

<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_marginTop="43dp"
android:text="Jam Digital Reza"
android:textAlignment="center"
android:textColor="@color/colorPrimaryDark"
android:textSize="24sp"
android:textStyle="bold" />

<TextView
android:id="@+id/teks2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sekarang Jam :"
android:textSize="24sp"
android:textStyle="bold"
android:layout_below="@+id/textView"
android:layout_alignParentStart="true"
android:layout_marginStart="26dp"
android:layout_marginTop="39dp" />

<TextClock
android:id="@+id/jam1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/teks2"
android:layout_alignBottom="@+id/teks2"
android:layout_alignParentEnd="true"
android:layout_marginEnd="59dp"
android:textSize="24sp"
android:textStyle="bold" />

<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Munculkan Jam Digital"
android:onClick="showTextClock"
android:layout_marginTop="45dp"
android:layout_below="@+id/teks2"
android:layout_alignParentStart="true" />

<TextClock
android:id="@+id/jam2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_below="@+id/button1"
android:layout_marginTop="38dp"
android:textAlignment="center"
android:textIsSelectable="false"
android:textSize="18sp"
android:textStyle="bold" />

<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:onClick="keluar"
android:layout_below="@+id/jam2"
android:layout_marginTop="43dp"
android:text="Exit" />

</RelativeLayout>

Maka tampilannya seperti dibawah ini :

Untuk style componentnya teman-teman bebas berkreasi sesuka hati teman-teman. Setelah selesai dengan design kita pindah ke file MainActivity.java. Kemudian teman-teman masukkan codingan berikut ini :

package go_android.myapplication;

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

public class MainActivity extends AppCompatActivity {
TextClock jamdigital;
Button tomboljam;

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

TextClock jam1 = (TextClock)findViewById(R.id.jam1);

jamdigital = (TextClock)findViewById(R.id.jam2);
jamdigital.setVisibility(View.INVISIBLE);

tomboljam = (Button)findViewById(R.id.button1);
}
public void showTextClock(View view){
jamdigital.setVisibility(view.VISIBLE);
tomboljam.setText("Tampilkan Jam Digital");
}
public void keluar (View view){
finish();
}
}

Setelah selesai membuat codingan diatas, langsung saja dicoba run-kan aplikasinya. Hasilnya akan tampak seperti gambar dibawah ini :

Tampilan sebelum tombol di klik

Tampilan sesudah tanggal diubah

Oke itu lah cara membuat aplikasi jam digital di android studio. Sekian dari ane. Tunggu postingan selanjutnya yaa... Wassalam...