Membuat Applikasi Jam

Membuat Applikasi Jam

Cara Membuat Jam Digital Keren di Android Studio :
1. Buat Project Baru, kemudian kasi nama project kamu, lalu klik Next.

2. Selanjutnya pilih perangkat yang bisa menjalankan aplikasi yang kamu buat. Disini kita membuat aplikasi untuk phone dan tablet. Jadi silahkan pilih Phone dan tablet. Kemudian klik Next.

3. Kemudian pilih activity pada mobile. Pilih saja yang Empty activity. Jika sudah klik Next.

4. Selnjutnya, isi nama activity sesuai keinginan mu, atau biarkan default. Lalu klik Next.

5. Sekarang, kamu masukkan komponen-komponen berikut dan sesuaikan ID nya sesuai gambar berikut: (Gunakanlah RelativeLayout).

6. Atur posisi komponen yang ada seperti ini:

7. Sehingga hasilnya akan seprti ini, atau anda bisa kreasikan sendiri. Asal ID nya masih sama dengan saya.

8. Anda juga bisa mendesain tamilan melalu koding caranya klik tab TEXT yang berada di bawah atau di samping DESIGN. Lalu ketikkan lah koding berikut:

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.    xmlns:tools="http://schemas.android.com/tools"
4.    android:id="@+id/activity_main"
5.    android:layout_width="match_parent"
6.    android:layout_height="match_parent"
7.    android:paddingBottom="@dimen/activity_vertical_margin"
8.    android:paddingLeft="@dimen/activity_horizontal_margin"
9.    android:paddingRight="@dimen/activity_horizontal_margin"
10.    android:paddingTop="@dimen/activity_vertical_margin"
11.    tools:context="com.bacacoding.jamdigital.MainActivity">
13.     <TextView
14.        android:layout_width="wrap_content"
15.        android:layout_height="wrap_content"
16.        android:text="Jam Digital Bacacoding"
17.        android:layout_alignParentTop="true"
18.        android:layout_centerHorizontal="true"
19.        android:textSize="18sp"
20.        android:textColor="@android:color/holo_red_light" />
22.     <TextView
24.        android:text="Sekarang Jam :"
25.        android:layout_width="wrap_content"
26.        android:layout_height="wrap_content"
27.        android:layout_below="@+id/textView"
28.        android:layout_alignParentLeft="true"
29.        android:layout_alignParentStart="true"
30.        android:layout_marginLeft="16dp"
31.        android:layout_marginStart="16dp"
32.        android:layout_marginTop="45dp"
33.        android:id="@+id/textView2"
34.        android:textSize="18sp"
35.        android:textColor="@android:color/holo_blue_light" />
37.     <TextClock
38.        android:layout_width="wrap_content"
39.        android:layout_height="wrap_content"
40.        android:id="@+id/jam1"
41.        android:layout_alignBaseline="@+id/textView2"
42.        android:layout_alignBottom="@+id/textView2"
43.        android:layout_toRightOf="@+id/textView2"
44.        android:layout_toEndOf="@+id/textView2"
45.        android:layout_marginLeft="27dp"
46.        android:layout_marginStart="27dp" />
48.     <Button
49.        android:text="TAMPILKAN JAM"
50.        android:layout_width="match_parent"
51.        android:layout_height="wrap_content"
52.        android:layout_below="@+id/jam1"
53.        android:layout_marginTop="49dp"
54.        android:id="@+id/btn_tampil"
55.        android:layout_alignParentLeft="true"
56.        android:layout_alignParentStart="true"
57.        android:onClick="showTextClock" />
59.     <TextClock
60.        android:layout_width="wrap_content"
61.        android:layout_height="wrap_content"
62.        android:layout_marginTop="30dp"
63.        android:id="@+id/jam2"
64.        android:layout_below="@+id/btn_tampil"
65.        android:layout_centerHorizontal="true"
66.        android:textStyle="normal|bold"
67.        android:textSize="18sp" />
69.     <TextView
70.        android:text="Thank You"
71.        android:layout_width="wrap_content"
72.        android:layout_height="wrap_content"
73.        android:layout_marginTop="34dp"
74.        android:id="@+id/textView3"
75.        android:layout_below="@+id/jam2"
76.        android:layout_centerHorizontal="true"
77.        android:textSize="18sp"
78.        android:textColor="?attr/colorControlActivated" />
80.     <Button
81.        android:text="EXIT"
82.        android:layout_width="match_parent"
83.        android:layout_height="wrap_content"
84.        android:layout_below="@+id/textView3"
85.        android:layout_alignLeft="@+id/btn_tampil"
86.        android:layout_alignStart="@+id/btn_tampil"
87.        android:layout_marginTop="37dp"
88.        android:id="@+id/btn_exit"
89.        android:layout_alignParentRight="true"
90.        android:layout_alignParentEnd="true"
91.        android:onClick="keluar" />
92. </RelativeLayout>

9. Selanjutnya kita masuk ke tab MainActivity.Java. silahkan kamu ketikkan kodeing berikut:

10. Jika kurang jelas, berikut saya lampirkan script codingan nya.

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

1. package com.ahmadsoleh.jamdigital;
2. import android.support.v7.app.AppCompatActivity;
3. import android.os.Bundle;
4. import android.view.View;
5. import android.widget.Button;
6. import android.widget.TextClock;
7. public class MainActivity extends AppCompatActivity {
8.     TextClock jamdigital;
9.     Button tampiljam;
10.     @Override
11.     protected void onCreate(Bundle savedInstanceState) {
12.         super.onCreate(savedInstanceState);
13.         setContentView(R.layout.activity_main);
14.         TextClock jaml = (TextClock) findViewById(R.id.jam1);
15.         jamdigital = (TextClock)findViewById(R.id.jam2);
16.         jamdigital.setVisibility(View.INVISIBLE);
17.         tampiljam = (Button)findViewById(R.id.btn_tampil);
18.     }
19.     public void showTextClock(View view){
20.         jamdigital.setVisibility(view.VISIBLE);
21.         tampiljam.setText("Menampilkan Jam Digital");
22.     }
23.     public void keluar (View view){
24.         finish();
25.     }
26. }

 NOTE: Jika kamu sudah mengcopy kodingan saya, langkah dibawah ini tidak perlu di lakuakn. Jika kamu ketik manual hal ini perlu dilakukan.

11. Pada Button Tampilkan jam jangan lupa menambahkan pada OnClik nya ShowTextClock supaya ada aksi ketika button di klik.

12. Sama juga dengan Tombol Exit. Pilih pada onclik nya keluar.

13. Kemudian lihat di codingnya pada tab TEXT. Cari android:onClick kemudian kamu hapus (MainActivity) yang ada di belakangnya. Sehingga hasilnya seprti ini saja:

14. Begitu pula dengan tombol Exit. Hapus (MainActivity) nya sehingga hasilnya seprti ini:

15. Jika sudah. Sekrang coba kamu RUN program kamu. Dan hasilnya akan seprti ini:

Halaman applikasi jam

GOOD LUCK...