Tutorial Membuat Jam Analog di Aplikasi Android Studio

1. Buat Project Baru, lalu beri nama project kamu. Disini saya beri nama Jam Analog sesuai project yang akan kita buat.

2. Sekarang pilih Target Android Devices, yaitu pada device apa aplikasi ini akan di jalankan. Nah disini kita membuat aplikasi untuk Phone dan Tablet. jika sudah klik Next.

3. Kemudian Pilih Empty Activity.

4. Beri nama activity atau biarkan defaut dan langsung klik Finish.

5. Sekarang kamu Ketikkan Coding berikut. jadi kita tidak menggunkan desain, karena pada Android versi 2.3 tidak ada komponen Jam Analog. Silahkan di Ketik koding berikut:


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.rendy.analogjam.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="JAM ANALOG"
        android:textAlignment="center"
        android:background="@android:color/background_light"
        android:textSize="@dimen/activity_vertical_margin"
        android:textColor="@android:color/holo_red_light"
        android:id="@+id/textview1"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textStyle="normal|bold" />
    <TextView
        android:text="Sekarang Jam Menunjukkan"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:id="@+id/textView2"
        android:textColor="@android:color/holo_blue_light"
        android:layout_below="@+id/textview1"
        android:layout_centerHorizontal="true"
        android:textStyle="normal|bold" />
    <Button
        android:text="Klik Disini untuk menampilkan jam"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:layout_below="@+id/textView2"
        android:onClick="onButtonClicked"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="21dp" />
    <AnalogClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="18dp"
        android:id="@+id/analogClock"
        android:layout_below="@+id/button"
        android:layout_centerHorizontal="true"
        />
</RelativeLayout>

6. Kemudaian kita lanjut ke tab MainActivity.Java. Silahkan ketikkan koding berikut:

package com.example.rendy.analogjam;
package com.bacacoding.jam;
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 button;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        analogClock = (AnalogClock) findViewById(R.id.analogClock);
        button = (Button) findViewById(R.id.button);
        analogClock.setVisibility(View.INVISIBLE);
    }
    public void onButtonClicked(View view){
        button.setText("Analog Clock");
        analogClock.setVisibility(View.VISIBLE);
    }
}

7. Jika sudah selesai membuat codingnya , coba RUN atau jalankan  program yang anda buat , jika berhasil akan menampilkan tampilan awal seperti gambar dibawah ini 

 

8. Kemudian jika kamu menekan Tombol Klik Disini maka akan tampil jam analog nya sperti gambar dibawah ini .

 Salam WriteCode..Mungkin Hanya itu saja yang bisa saya sampaikan pada postingan kali ini..  Jika ada kesalahan saya mohon maaf. Jangan lupa berkunjung dan Share artikel ini . Dan tetap semangat dalam menjalankan aktivitasnya .