Membuat Jam Analog Di Android Studio

Assalamu'alaikum...

Baiklah pada kesempatan kali ini ane akan posting gimana cara menambahkan jam analog di android studio... Oke langsung saja... Teman-teman buka android studionya dan uat 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.jamanalogaku.MainActivity">

<TextView android:id="@+id/id_judul" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="73dp" android:text="Latihan Jam Analog Aku" android:textAlignment="center" android:textColor="@color/colorPrimary" android:textSize="24sp" android:textStyle="bold" />

<Button android:id="@+id/id_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/id_judul" android:layout_centerHorizontal="true" android:onClick="onButtonClicked" android:layout_marginTop="38dp" android:text="Klik ini untuk menampilkan jam analog kamu" tools:layout_editor_absoluteX="11dp" tools:layout_editor_absoluteY="151dp" />

<AnalogClock android:id="@+id/analogClock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/id_button" android:layout_centerHorizontal="true" android:layout_marginTop="18dp" />

<TextView android:id="@+id/id_judul2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Latihan Jam Analog" android:layout_below="@+id/analogClock" android:layout_centerHorizontal="true" android:layout_marginTop="127dp" />

</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.jamanalogaku;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.AnalogClock;

import android.widget.Button;

public class MainActivity extends AppCompatActivity {

AnalogClock analogClock;

Button id_button;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

analogClock = (AnalogClock)findViewById(R.id.analogClock);

id_button = (Button)findViewById(R.id.id_button);

analogClock.setVisibility(View.INVISIBLE);

}

public void onButtonClicked(View view){

id_button.setText("Analog Clock");

analogClock.setVisibility(View.VISIBLE);

}

}

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 tombol di klik

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