Tuesday, March 1, 2016

Menerapkan Contoh Widget DigitalClock Android


Nama / NIM : I Gusti Ngurah Made Ardika / 1404505096
Jurusan / Fakultas / Perguruan Tinggi : Teknologi Informasi / Teknik / Universitas Udayana
Mata Kuliah : Pemrograman Mobile
Dosen : I Putu Agus Eka Pratama, ST., MT.

DigitalClock adalah suatu widget yang digunakan untuk suatu komponen User Interface(Antar Muka), yang dapat menampilkan sebuah jam dalam bentuk digital pada Aplikasi Android.Jika kalian bosan dengan tampilan jam secara default (bawaan) ,yang ada pada perangkat Android. Kalian dapat menggunakan widget DigitalClock ,dan mengkustomisasi tampilanya sesuai selera kalian,saat kalian membuat Aplikasi Jam di Android.


Cara Menerapkan Contoh Widget DigitalClock Android
 Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android Studio .


Pada tutorial belajar android kali ini, kita akan membuat Aplikasi Sederhana yang akan kita terapkan Contoh Widget DigitalClock .Untuk lebih detilnya mari kita coba buat aplikasinya :


1.Pertama kita akan membuat widget DigitalClock yang kita akan terapkan diactivity_main.xml.

Copy lalu pastekan pada file activity_main.xml


activity_main.xml
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:layout_margin="16dp"
  6.     android:orientation="vertical">
  7.     <TextView
  8.         android:id="@+id/textView12"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:text="Contoh DigitalClock "
  12.         android:textAppearance="?android:attr/textAppearanceLarge"
  13.         android:textSize="30sp" />
  14.     <LinearLayout
  15.         android:layout_width="wrap_content"
  16.         android:layout_height="wrap_content"
  17.         android:layout_marginBottom="30dp"
  18.         android:layout_marginTop="70dp"
  19.         android:orientation="horizontal">
  20.         <TextView
  21.             android:id="@+id/textView13"
  22.             android:layout_width="wrap_content"
  23.             android:layout_height="wrap_content"
  24.             android:text="Digital Clock: "
  25.             android:textAppearance="?android:attr/textAppearanceLarge"
  26.             android:textColor="#666"
  27.             android:textSize="26sp" />
  28.         <DigitalClock
  29.             android:id="@+id/digitalClock"
  30.             android:layout_width="wrap_content"
  31.             android:layout_height="wrap_content"
  32.             android:layout_marginLeft="6dp"
  33.             android:textColor="#3498db"
  34.             android:textSize="24sp" />
  35.     </LinearLayout>
  36.     <LinearLayout
  37.         android:layout_width="fill_parent"
  38.         android:layout_height="wrap_content"
  39.         android:layout_marginBottom="30dp"
  40.         android:layout_marginTop="20dp"
  41.         android:gravity="center_horizontal"
  42.         android:orientation="vertical">
  43.         <Button
  44.             android:id="@+id/showDigitalClock"
  45.             android:layout_width="wrap_content"
  46.             android:layout_height="wrap_content"
  47.             android:onClick="showDigitalClock"
  48.             android:text="Tampilkan DigitalClock"
  49.             android:textAppearance="?android:attr/textAppearanceLarge"
  50.             android:textColor="#666"
  51.             android:textSize="20sp" />
  52.         <DigitalClock
  53.             android:id="@+id/digitalClock1"
  54.             android:layout_width="wrap_content"
  55.             android:layout_height="wrap_content"
  56.             android:layout_marginTop="20dp"
  57.             android:textColor="#3498db"
  58.             android:textSize="40sp" />
  59.     </LinearLayout>
  60.     <TextView
  61.         android:id="@+id/textView14"
  62.         android:layout_width="fill_parent"
  63.         android:layout_height="fill_parent"
  64.         android:gravity="bottom|center"
  65.         android:text="okedroid.com"
  66.         android:textAppearance="?android:attr/textAppearanceLarge"
  67.         android:textSize="24sp" />
  68. </LinearLayout>





2.Kedua kita akan terapkan codingan javanya pada file MainActivity.java


Copy lalu pastekan pada file MainActivity.java


MainActivity.java
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. package com.okedroid.fathur.myapplication;
  2. import android.os.Bundle;
  3. import android.support.v7.app.AppCompatActivity;
  4. import android.view.View;
  5. import android.widget.Button;
  6. import android.widget.DigitalClock;
  7. public class MainActivity extends AppCompatActivity {
  8.     DigitalClock digitalClock1;
  9.     Button showAnotherDigitalClock;
  10.     @Override
  11.     protected void onCreate(Bundle savedInstanceState) {
  12.         super.onCreate(savedInstanceState);
  13.         setContentView(R.layout.activity_main);
  14.         DigitalClock digitalClock = (DigitalClock) findViewById(R.id.digitalClock);
  15.         digitalClock1 = (DigitalClock) findViewById(R.id.digitalClock1);
  16.         digitalClock1.setVisibility(View.INVISIBLE);
  17.         showAnotherDigitalClock = (Button) findViewById(R.id.showDigitalClock);
  18.     }
  19.     public void showDigitalClock(View view) {
  20.         digitalClock1.setVisibility(View.VISIBLE);
  21.         showAnotherDigitalClock.setText("Menampilkan DigitalClock");
  22.     }
  23. }


Sekarang kita coba lihat hasilnya dengan menjalankan Aplikasinya lewat Android Studio.

Hasilnya kurang lebih seperti tampilan dibawah:


Hasil  Contoh Widget DigitalClock Android
Hasil  Contoh Widget DigitalClock Android


Sumber : http://www.okedroid.com/2016/01/cara-menerapkan-contoh-widget-digitalclock-android.html

BERKOMENTARLAH YANG SANTUN, JANGAN SPAM, AYO BERKOMENTARLAH DISINI. . .

Ditulis Oleh : I Gusti Ngurah Made Ardika ~ Mari Berbagi dan Belajar Bersama

Artikel Menerapkan Contoh Widget DigitalClock Android ini diposting oleh I Gusti Ngurah Made Ardika pada hari Tuesday, March 1, 2016. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

0 komentar:

Post a Comment

Mari kita saling berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada sobat yang lain agar lebih bermanfaat. Terima kasih, Salam Blogger . . .