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