1. Buat Project Baru :
File → New → Android Aplication Project → (Beri Nama Project) | (Pada Project yang saya gunakan adalah "Tugas4") → Click Finish
2. Buka Project Tugas4 → res → values → string.xml
Buat String yang akan di gunakan pada Project tersebut.
|
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">Tugas 4 | Pemrograman Game (Jeni4)</string>
<string name="action_settings">zza_ibliizt™</string>
<string name="button_backgrond">Background Image</string>
<string name="button_warna">Background Warna</string>
<string name="text_judul">Display Normal!</string>
<string name="Nama">
Copyright © 2014 || T.
Informatika [ Reza Gilang Pradana || 1102024™ ]
</string>
<color name="putih">#ffffff</color>
<color name="cyan">#00ffff</color>
</resources>
|
string.xml pada project Tugas4
3. Kemudian membuat Layout pada : Project Tugas4 → res → activity_main.xml
Buat Design tampilan Display Normal pada Project tersebut.
|
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/RL"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/evolution"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<TextView
android:id="@+id/JudulText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="@string/text_judul"
android:textColor="#FF0000"
android:textSize="32sp"
android:textStyle="bold" />
<DigitalClock
android:id="@+id/JamDigital"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/JudulText"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
android:textColor="#37fb37"
android:textStyle="bold" />
<AnalogClock
android:id="@+id/JamAnalog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/JamDigital"
android:layout_centerHorizontal="true"
/>
<!--
Menampilkan 2 Button yang akan Digunakan -->
<Button
android:id="@+id/ButtonBgImage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="@string/button_backgrond"
android:textColor="#ffff00"
android:textSize="16sp"
android:textStyle="bold" />
<Button
android:id="@+id/ButtonBgWarna"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/ButtonBgImage"
android:layout_centerHorizontal="true"
android:text="@string/button_warna"
android:textColor="#ffff00"
android:textSize="16sp"
android:textStyle="bold" />
<TextView
android:id="@+id/Copyright"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:text="@string/Nama"
android:textColor="#ff66ff"
android:textSize="14sp"
android:textStyle="bold" />
</RelativeLayout>
|
activity_main.xml pada project Tugas4
4. Pada Project Tugas4 → src → com.example.tugas4 → MainActivity.java. Tambahkan listing program sebagai berikut :
(Mengaktifkan Button agar berfungsi ketika di Click)
|
package com.example.tugas4;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MainActivity extends Activity implements OnClickListener {
Button BtnBgImage, BtnBgWarna;
RelativeLayout LayoutBaru;
TextView Judul, Copyright;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LayoutBaru = (RelativeLayout) findViewById(R.id.RL);
Judul = (TextView) findViewById(R.id.JudulText);
Copyright = (TextView) findViewById(R.id.Copyright);
// Mengaktifkan Button yang akan
digunakan
BtnBgImage = (Button) findViewById(R.id.ButtonBgImage);
BtnBgImage.setOnClickListener(this);
BtnBgWarna = (Button) findViewById(R.id.ButtonBgWarna);
BtnBgWarna.setOnClickListener(this);
}
// Memberikan perintah Click pada
Button
public void onClick(View v) {
if (v == BtnBgImage) {
LayoutBaru.setBackgroundResource(R.drawable.android);
Judul.setText("Display Background Image!");
Copyright.setTextColor(getResources().getColor(R.color.putih));
}
else if (v == BtnBgWarna) {
LayoutBaru.setBackgroundColor(getResources().getColor(R.color.cyan));
Judul.setText("Display Background Color!");
}
}
}
|
MainActivity.java pada project Tugas4
5. Kemudian Run dengan cara : click kanan Tugas4 → Run As → Android Application
Hasil tampilan Display Normal dengan Emulator Device 5.1" WVGA (480 x 800: mdpi)
Display Background Normal
6. Ketika Click Button Background Image maka akan muncul tampilan berikut ini :
Hasil Display Background Image pada Emulator Device 5.1" WVGA (480 x 800: mdpi)
Display Background Image
7. Ketika Click Button Background Color maka akan muncul tampilan berikut ini :
Hasil Display Background Color pada Emulator Device 5.1" WVGA (480 x 800: mdpi)
Display Background Color
Sekian Informasi tentang Mengganti Display Background dengan mengunakan Button pada Android Eclipse semoga berguna dan bermanfaat :)
