Selasa, 18 April 2017

Tutorial Membuat Jam Analog Pada Android Studio

CARA MEMBUAT JAM ANALOG


  1. Buat project baru, saya anggap anda sudah tau bagaimana cara membuatnya, jika belum bisa baca postingan sebelumnya.
  2. Saya membuat nama projectnya "JamAnalog".
  3. lalu anda ketikkan codingan berikut, pada kali ini kita tidak menggunakan desain, karna pada pallete android tidak terdapat komponen jam analog, silahkan ketikkan congan berikut pada "TEXT"
"CODING 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:gravity="center_horizontal" android:orientation="vertical"> tools:context="com.example.sadhinavatiks.jamanalogaku.MainActivity"> 

<TextView  
android:id="@+id/textView10" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="JAM ANALOG " android:textAppearance="?android:attr/textAppearanceLarge" android:textSize="24sp" android:textColor="@color/colorAccent" android:textStyle="normal|bold" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:onClick="onButtonClicked" android:text="TampilKAN JAM ANALOG" /> 

<AnalogClock 
android:id="@+id/analogClock" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="16dp" android:layout_marginTop="16dp"/> 

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

</LinearLayout>



4. Jika sudah selesai kita lihat pada tab desain maka tampilannya
   seperti ini.


7. Kemudian kita ke tab MainActivity.java
   ketikkan codingan berikut : 


   codingan MainActivity.java

package com.example.sadhinavatiks.jamanalogaku;

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

public class MainActivity extends AppCompatActivity {

    AnalogClock analogClock;
    Button button;

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

        analogClock = (AnalogClock) findViewById(R.id.analogClock);
        button = (Button) findViewById(R.id.button);
        analogClock.setVisibility(View.INVISIBLE);
    }
    public void onButtonClicked(View view) {
        button.setText("Analog Clock");
        analogClock.setVisibility(View.VISIBLE);
    }
}
  
8. jika sudah selesai coba RUN Program anda maka tampilannya seperti
   ini.


9. jika anda klik tampilan jam analog maka akan muncul seperti ini.




10. Aplikasi jam anaalog telah Selesai


  

Tidak ada komentar:

Posting Komentar