TUTORIAL JAM DIGITAL

1. Buat project baru saya anggap anda sudah tau cara membuatnya
2. Saya membuat nama project "JamDigitalKu"
3. Lalu anda ketikkan codingan MainActivity.xml berikut

codingan MainActivity.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout 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:layout_margin="16dp" android:orientation="vertical"> tools:context="com.example.sadhinavatiks.jamdigitalku.MainActivity">

<TextView
android:id="@+id/textView12" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="JAM DIGITAL " android:textAppearance="?android:attr/textAppearanceLarge" android:textSize="30sp" android:textAlignment="center" android:textColor="@color/colorAccent" />

<LinearLayout 
android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="30dp" android:layout_marginTop="70dp" android:orientation="horizontal">

<TextView 
android:id="@+id/textView13" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Digital Clock: " android:textAppearance="?android:attr/textAppearanceLarge" android:textColor="#666" android:textSize="26sp" />

<DigitalClock  
android:id="@+id/digitalClock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="6dp" android:textColor="#3498db" android:textSize="24sp" />

</LinearLayout>

<LinearLayout  
android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginBottom="30dp" android:layout_marginTop="20dp" android:gravity="center_horizontal" android:orientation="vertical">

<Button  
android:id="@+id/showDigitalClock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="showDigitalClock" android:text="Tampilkan DigitalClock" android:textAppearance="?android:attr/textAppearanceLarge" android:textColor="#666" android:textSize="20sp" />

 <DigitalClock  
android:id="@+id/digitalClock1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:textColor="#3498db" android:textSize="40sp" />

</LinearLayout>

<TextView  
android:id="@+id/textView14" android:layout_width="fill_parent" android:layout_height="71dp" android:gravity="bottom|center" android:text="BY : SADHINA VATIKHASARI" android:textAppearance="?android:attr/textAppearanceLarge" android:textSize="14sp" android:textStyle="normal|bold|italic" />

</LinearLayout>

4. Maka tampilan pada Tab Design akan seperti ini 

5. Selanjutnya kita beralih ke MainActivity.java berikut codingannya

codingan MainActivity.java

package com.example.sadhinavatiks.jamdigitalku;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.DigitalClock;

public class MainActivity extends AppCompatActivity {
    DigitalClock digitalClock1;
    Button showAnotherDigitalClock;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

        digitalClock1 = (DigitalClock) findViewById(R.id.digitalClock1);
        digitalClock1.setVisibility(View.INVISIBLE);

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

    }
    public void showDigitalClock(View view) {
        digitalClock1.setVisibility(View.VISIBLE);
        showAnotherDigitalClock.setText("Menampilkan DigitalClock");
    }
}

NOTE: PADA BUTTON JANGANLUPA MANAMBAHKAN OnClik ShowTextClock supaya ada aksi ketika mengklik button

6. Jika sudah begini tampilannya

7. selesai