Cara Menerapkan Contoh Widget AnalogClock Android

  • Post
    codeorayo
    Keymaster
    none
    AnalogClock adalah suatu widget yang digunakan untuk komponen User Interface (Antar Muka) , yang dapat menampilkan sebuah jam dalam bentuk Analog,seperti yang sering kita lihat di jam dinding di rumah. Seperti widget DigitalClock kalian juga bisa 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 mencoba membuat  Contoh Widget AnalogClock Android. Nantinya kita juga akan menggunakan widget Button untuk menampilkan widget AnalogClock.

    1. Pertama kita akan buat widget AnalogClock dan menerapkanya pada file layout  activity_main.xml

    Copykan baris instruksi (codingan) dibawah ke 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:gravity=”center_horizontal”

    6.     android:orientation=”vertical”>

    7.  

    8.     

    9.         android:id=”@+id/textView10″

    10.         android:layout_width=”wrap_content”

    11.         android:layout_height=”wrap_content”

    12.         android:text=”Contoh AnalogClock “

    13.         android:textAppearance=”?android:attr/textAppearanceLarge” />

    14.  

    15.     

    16.         android:id=”@+id/button”

    17.         android:layout_width=”wrap_content”

    18.         android:layout_height=”wrap_content”

    19.         android:layout_marginTop=”16dp”

    20.         android:onClick=”onButtonClicked”

    21.         android:text=”Tampil AnalogClock” />

    22.  

    23.     

    24.         android:id=”@+id/analogClock”

    25.         android:layout_width=”wrap_content”

    26.         android:layout_height=”wrap_content”

    27.         android:layout_marginBottom=”16dp”

    28.         android:layout_marginTop=”16dp” />

    29.  

    30.     

    31.         android:id=”@+id/textView11″

    32.         android:layout_width=”fill_parent”

    33.         android:layout_height=”fill_parent”

    34.         android:gravity=”center|bottom”

    35.         android:text=”okedroid.com”

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

    37.         android:textSize=”24sp”

    38.         android:textStyle=”bold” />



    39. 2.Kedua kita akan terapkan baris instruksi (codingan) di bawah ke file java MainActivity.java

      MainActivity.java

      1. package com.okedroid.fathur.myapplication;

      2.  

      3. import android.os.Bundle;

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

      5. import android.view.View;

      6. import android.widget.AnalogClock;

      7. import android.widget.Button;

      8.  

      9. public class MainActivity extends AppCompatActivity {

      10.  

      11.     AnalogClock analogClock;

      12.     Button button;

      13.  

      14.     @Override

      15.     protected void onCreate(Bundle savedInstanceState) {

      16.         super.onCreate(savedInstanceState);

      17.         setContentView(R.layout.activity_main);

      18.  

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

      20.         button = (Button) findViewById(R.id.button);

      21.         analogClock.setVisibility(View.INVISIBLE);

      22.     }

      23.  

      24.     public void onButtonClicked(View view) {

      25.         button.setText(“Analog Clock”);

      26.         analogClock.setVisibility(View.VISIBLE);

      27.     }

      28.  

      29. }


        Sekarang kita coba jalankan Aplikasinya lewat Andorid Studio.

        Hasilnya kurang lebih seperti gambar dibawah:

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://3.bp.blogspot.com/-HvwQZrvn444/VptumX219gI/AAAAAAAAEhg/YnIGoKAUcVQ/s320/Hasil-Contoh-Widget-AnalogClock-Android.png[/img][/td]
        [td]Hasil Contoh Widget AnalogClock Android[/td]

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://2.bp.blogspot.com/-fSwErg43az0/VptvKAisupI/AAAAAAAAEho/Ef-QAmGkx4I/s320/Hasil-Contoh-Widget-AnalogClock-Android2.png[/img][/td]
        [td]Hasil Contoh Widget AnalogClock Android

        [/td]

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