Cara Menerapkan Contoh Widget DigitalClock Android

CODEORAYO COMMUNITY Programming Tutorial Mobile Development Cara Menerapkan Contoh Widget DigitalClock Android

  • Post
    codeorayo
    Keymaster
    none
    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.

    [img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

    Quote:


    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 di activity_main.xml.

    Copy lalu pastekan pada file activity_main.xml

    activity_main.xml


    1. http://schemas.android.com/apk/res/android“

    2.     android:layout_width=”match_parent”

    3.     android:layout_height=”match_parent”

    4.     android:layout_margin=”16dp”

    5.     android:orientation=”vertical”>

    6.  

    7.     

    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.  

    15.     

    16.         android:layout_width=”wrap_content”

    17.         android:layout_height=”wrap_content”

    18.         android:layout_marginBottom=”30dp”

    19.         android:layout_marginTop=”70dp”

    20.         android:orientation=”horizontal”>

    21.  

    22.         

    23.             android:id=”@+id/textView13″

    24.             android:layout_width=”wrap_content”

    25.             android:layout_height=”wrap_content”

    26.             android:text=”Digital Clock: “

    27.             android:textAppearance=”?android:attr/textAppearanceLarge”

    28.             android:textColor=”#666″

    29.             android:textSize=”26sp” />

    30.  

    31.         

    32.             android:id=”@+id/digitalClock”

    33.             android:layout_width=”wrap_content”

    34.             android:layout_height=”wrap_content”

    35.             android:layout_marginLeft=”6dp”

    36.             android:textColor=”#3498db”

    37.             android:textSize=”24sp” />

    38.  

    39.     

    40.  

    41.     

    42.         android:layout_width=”fill_parent”

    43.         android:layout_height=”wrap_content”

    44.         android:layout_marginBottom=”30dp”

    45.         android:layout_marginTop=”20dp”

    46.         android:gravity=”center_horizontal”

    47.         android:orientation=”vertical”>

    48.  

    49.         

    50.             android:id=”@+id/showDigitalClock”

    51.             android:layout_width=”wrap_content”

    52.             android:layout_height=”wrap_content”

    53.             android:onClick=”showDigitalClock”

    54.             android:text=”Tampilkan DigitalClock”

    55.             android:textAppearance=”?android:attr/textAppearanceLarge”

    56.             android:textColor=”#666″

    57.             android:textSize=”20sp” />

    58.  

    59.         

    60.             android:id=”@+id/digitalClock1″

    61.             android:layout_width=”wrap_content”

    62.             android:layout_height=”wrap_content”

    63.             android:layout_marginTop=”20dp”

    64.             android:textColor=”#3498db”

    65.             android:textSize=”40sp” />

    66.  

    67.     

    68.  

    69.     

    70.         android:id=”@+id/textView14″

    71.         android:layout_width=”fill_parent”

    72.         android:layout_height=”fill_parent”

    73.         android:gravity=”bottom|center”

    74.         android:text=”okedroid.com”

    75.         android:textAppearance=”?android:attr/textAppearanceLarge”

    76.         android:textSize=”24sp” />



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

      Copy lalu pastekan pada file MainActivity.java

      MainActivity.java

      1. package com.okedroid.fathur.myapplication;

      2.  

      3.  

      4. import android.os.Bundle;

      5. import android.support.v7.app.AppCompatActivity;

      6. import android.view.View;

      7. import android.widget.Button;

      8. import android.widget.DigitalClock;

      9.  

      10. public class MainActivity extends AppCompatActivity {

      11.  

      12.     DigitalClock digitalClock1;

      13.     Button showAnotherDigitalClock;

      14.  

      15.     @Override

      16.     protected void onCreate(Bundle savedInstanceState) {

      17.         super.onCreate(savedInstanceState);

      18.         setContentView(R.layout.activity_main);

      19.  

      20.         DigitalClock digitalClock = (DigitalClock) findViewById(R.id.digitalClock);

      21.  

      22.         digitalClock1 = (DigitalClock) findViewById(R.id.digitalClock1);

      23.         digitalClock1.setVisibility(View.INVISIBLE);

      24.  

      25.         showAnotherDigitalClock = (Button) findViewById(R.id.showDigitalClock);

      26.     }

      27.  

      28.     public void showDigitalClock(View view) {

      29.         digitalClock1.setVisibility(View.VISIBLE);

      30.         showAnotherDigitalClock.setText(“Menampilkan DigitalClock”);

      31.     }

      32. }


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

        Hasilnya kurang lebih seperti tampilan dibawah:

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://1.bp.blogspot.com/-c8umJjn28xw/VptpbCGuciI/AAAAAAAAEhQ/Li-z7gm50DI/s320/Hasil-Contoh-Widget-DigitalClock-Android.png[/img][/td]
        [td]Hasil  Contoh Widget DigitalClock Android

        [/td]

      • You must be logged in to reply to this topic.