Sabtu, 18 Juni 2016

Cara Buat Aplikasi Sederhana Android Part 2 (Eclipse ADT)

Pada kesempatan kali ini saya akan memberikan tutorial membuat Aplikasi sederhana Android Part 2, yang dimana sebelumnya saya sudah membuat tutorial Aplikasi sederhana Android Part 1. Dan kali ini saya akan melanjutkan tutorial tentang android saya.
A. Cara Membuat Auto Link
Auto Link adalah sebuah text yang dapat di jadikan sebagai link dari suatu aplikasi android.
Oke sekarang mari kita buat aplikasi seperti di atas. Yang pertama kali kita buat adalah sebuah project baru, yang dimana cara pembuatan projectnya seperti pada tutorial Aplikasi Android di bagian sebelumnya. Setelah itu masukkan coding untuk file.xml danfile.java.
Nama file.xml saya adalah : main.xml, jadi untuk nama file.xml nya di sesuaikan dengan nama file.xml teman-teman dan begitu juga untuk file.java nya, agar pada saat menjalankan aplikasinya tidak akan terjadi error dan jangan lupa juga sesuaika namapackage nya ya..

file.xml
2

file.java
3
Sekarang jalankan aplikasinya dan pastinya hasilnya akan seperti gambar di awal tadi.
B. Cara buat Display Image
Display Image adalah sebuah aplikasi yang menampilkan sebuah gambar pada aplikasi pada android.
Aplikasi yang akan di buat seperti gambar di bawah ini :
4
Oke  sekarang kita buat project baru setlah itu masukkan coding untuk file.xml danfile.java nya.
file.xml
xml
file.java
j1
j2
j3
Jika ke coding sudah di masukkan maka pada saat akan di jalankan maka akan muncul tampilan seperti pada gambar di atas, yaitu gambar hasil Run dari aplikasi Display Image.
Perhatian : Untuk coding :

Integer[] imageIDs = {
R.drawable.a,
R.drawable.b,
R.drawable.c,
R.drawable.ic_launcher
};
Disini kita akan melakukan pemanggilan sebuah gambar yang kita simpan di folderdrawable-hdpi dan untuk memasukkan gambarnya kita caranya cari gambar yang di inginkan lalu ctrl+c setelah itu klik kanan folder drawable-hdpi tersebut lalu pilih Paste. Dan untuk penamaan file gambar itu saya beri nama yang sangat singkat sepertia,b,c,ic_launcher. Ke 3 nama file gambar itu yang akan di tampilkan di aplikasi nanti.

C. Cara membuat Background Sederhana
Disini saya akan menunjukan cara membuat sebuah tampilan background sederhana.
Aplikasi yang akan di buat seperti gambar di bawah ini :
1
Untuk tampilan background sederhana ini kita hanya akan mengedit sebuah file.xml nya saja. Untuk pembuatan background sederhana ini jangan lupa untuk membuat project baru ya setelah itu masukkan coding file.xml dibawah ini.
file.xml
xml

Setelah di jalankan project tersebut maka tampilnya akan seperti gambar hasil run di atas.

D. Cara membuat Background Gambar Sendiri
dalam pembuatan Background dengan gambar sendiri caranya sangat mudah seperti pada pembuatan background di atas tadi, disini kita hanya akan memasukkan coding untufile.xml nya saja. Dalam pembuatan aplikasi ini jangan lupa untuk membuat project baru.
Aplikasi yang akan di buat seperti gambar di bawah ini :
1.PNG
file.xml
xml
Jika coding di atas sudah di masukkan maka hasilnya akan sama dengan tampilan diatas.
Untuk file gambarnya simpan di drawable.hdpi lalu berikan nama aa nama lain juga bisa asalkan jangan terlalu panjang.

E. Cara buat List Box
List Box adalah sebuah daftar list yang pemilihannya hanya menggunakan centang.
Aplikasi yang akan di buat seperti gambar di bawah ini :
1

file.xml
<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android&#8221;
android:layout_width=“wrap_content”
android:layout_height=“match_parent”
android:gravity=“top”
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/TextView04”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/textView1”
android:layout_alignBottom=“@+id/textView1”
android:layout_marginRight=“16dp”
android:layout_toLeftOf=“@+id/CheckBox01”
android:text=“@string/c” />

<CheckBox
android:id=“@+id/CheckBox01”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView01”
android:layout_alignBottom=“@+id/TextView01”
android:layout_alignLeft=“@+id/checkBox1”
        android:text=“CheckBox” />

<CheckBox
android:id=“@+id/checkBox1”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView04”
android:layout_alignBottom=“@+id/TextView04”
android:layout_alignParentRight=“true”
android:layout_marginRight=“15dp”
        android:text=“CheckBox” />

<TextView
android:id=“@+id/TextView06”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView05”
android:layout_alignBottom=“@+id/TextView05”
android:layout_alignLeft=“@+id/TextView04”
android:text=“@string/c” />

<TextView
android:id=“@+id/TextView05”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignRight=“@+id/TextView03”
android:layout_below=“@+id/checkBox1”
android:layout_marginTop=“16dp”
android:text=“@string/b” />

<CheckBox
android:id=“@+id/CheckBox02”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView06”
android:layout_alignBottom=“@+id/TextView06”
android:layout_alignLeft=“@+id/checkBox1”
android:text=“CheckBox” />

<TextView
android:id=“@+id/TextView01”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView04”
android:layout_below=“@+id/TextView02”
android:layout_marginTop=“22dp”
android:text=“@string/c” />

<TextView
android:id=“@+id/TextView03”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView01”
android:layout_alignBottom=“@+id/TextView01”
android:layout_marginRight=“28dp”
android:layout_toLeftOf=“@+id/TextView01”
android:text=“@string/a” />

<TextView
android:id=“@+id/textView1”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView05”
android:layout_below=“@+id/CheckBox01”
android:layout_marginTop=“14dp”
android:text=“@string/b” />

<TextView
android:id=“@+id/TextView02”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView03”
android:layout_alignParentTop=“true”
android:layout_marginTop=“17dp”
android:text=“@string/grey” />

<TextView
android:id=“@+id/TextView07”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView03”
android:layout_below=“@+id/CheckBox02”
android:layout_marginTop=“32dp”
android:text=“@string/e” />

<TextView
android:id=“@+id/TextView08”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView05”
android:layout_centerVertical=“true”
android:text=“@string/f” />

<TextView
android:id=“@+id/TextView10”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView08”
android:layout_below=“@+id/TextView08”
android:layout_marginTop=“18dp”
android:text=“@string/h” />

<TextView
android:id=“@+id/TextView09”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView10”
android:layout_alignBottom=“@+id/TextView10”
android:layout_alignLeft=“@+id/TextView06”
android:text=“@string/g” />

<TextView
android:id=“@+id/TextView11”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_above=“@+id/TextView10”
android:layout_alignLeft=“@+id/TextView09”
android:text=“@string/g” />

<TextView
android:id=“@+id/TextView12”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView10”
android:layout_below=“@+id/TextView10”
android:layout_marginTop=“18dp”
android:text=“@string/i” />

<TextView
android:id=“@+id/TextView13”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView12”
android:layout_alignBottom=“@+id/TextView12”
android:layout_alignLeft=“@+id/TextView09”
android:text=“@string/j” />

<CheckBox
android:id=“@+id/CheckBox05”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView13”
android:layout_alignBottom=“@+id/TextView13”
android:layout_alignLeft=“@+id/CheckBox03”
        android:text=“CheckBox” />

<CheckBox
android:id=“@+id/CheckBox03”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView09”
android:layout_alignBottom=“@+id/TextView09”
android:layout_alignLeft=“@+id/CheckBox02”
        android:text=“CheckBox” />

<CheckBox
android:id=“@+id/CheckBox04”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView11”
android:layout_alignBottom=“@+id/TextView11”
android:layout_alignLeft=“@+id/CheckBox03”
        android:text=“CheckBox” />

</RelativeLayout>


Setelah coding di atas sudah kita masukkan maka langkah selanjutnya adalah menjalankan aplikasinya dan setelah kita jalankan maka hasilnya akan seperti gambar yang ada di atas tadi.

F. Cara buat List View
List View adalah sebuah tampilan untuk menampilkan sebuah tampilan list ke bawah.
Aplikasi yang akan di buat seperti gambar di bawah ini :
1

Dalam pembuatan aplikasi di atas kita hanya akan memasukkan coding untuk file.xmlsaja. Seperti dibawah ini :
file.xml
<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android&#8221;
android:layout_width=“wrap_content”
android:layout_height=“match_parent”
android:gravity=“top”
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/TextView04”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/textView1”
android:layout_alignBottom=“@+id/textView1”
android:layout_marginRight=“16dp”
android:layout_toLeftOf=“@+id/CheckBox01”
android:text=“@string/c” />

<CheckBox
android:id=“@+id/CheckBox01”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView01”
android:layout_alignBottom=“@+id/TextView01”
android:layout_alignLeft=“@+id/checkBox1”
android:text=“CheckBox” />

<CheckBox
android:id=“@+id/checkBox1”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView04”
android:layout_alignBottom=“@+id/TextView04”
android:layout_alignParentRight=“true”
android:layout_marginRight=“15dp”
android:text=“CheckBox” />

<TextView
android:id=“@+id/TextView06”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView05”
android:layout_alignBottom=“@+id/TextView05”
android:layout_alignLeft=“@+id/TextView04”
android:text=“@string/c” />

<TextView
android:id=“@+id/TextView05”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignRight=“@+id/TextView03”
android:layout_below=“@+id/checkBox1”
android:layout_marginTop=“16dp”
android:text=“@string/b” />

<CheckBox
android:id=“@+id/CheckBox02”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView06”
android:layout_alignBottom=“@+id/TextView06”
android:layout_alignLeft=“@+id/checkBox1”
android:text=“CheckBox” />

<TextView
android:id=“@+id/TextView01”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView04”
android:layout_below=“@+id/TextView02”
android:layout_marginTop=“22dp”
android:text=“@string/c” />

<TextView
android:id=“@+id/TextView03”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView01”
android:layout_alignBottom=“@+id/TextView01”
android:layout_marginRight=“28dp”
android:layout_toLeftOf=“@+id/TextView01”
android:text=“@string/a” />

<TextView
android:id=“@+id/textView1”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView05”
android:layout_below=“@+id/CheckBox01”
android:layout_marginTop=“14dp”
android:text=“@string/b” />

<TextView
android:id=“@+id/TextView02”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView03”
android:layout_alignParentTop=“true”
android:layout_marginTop=“17dp”
android:text=“@string/grey” />

<TextView
android:id=“@+id/TextView07”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView03”
android:layout_below=“@+id/CheckBox02”
android:layout_marginTop=“32dp”
android:text=“@string/e” />

<TextView
android:id=“@+id/TextView08”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView05”
android:layout_centerVertical=“true”
android:text=“@string/f” />

<TextView
android:id=“@+id/TextView10”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView08”
android:layout_below=“@+id/TextView08”
android:layout_marginTop=“18dp”
android:text=“@string/h” />

<TextView
android:id=“@+id/TextView09”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView10”
android:layout_alignBottom=“@+id/TextView10”
android:layout_alignLeft=“@+id/TextView06”
android:text=“@string/g” />

<TextView
android:id=“@+id/TextView11”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_above=“@+id/TextView10”
android:layout_alignLeft=“@+id/TextView09”
android:text=“@string/g” />

<TextView
android:id=“@+id/TextView12”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/TextView10”
android:layout_below=“@+id/TextView10”
android:layout_marginTop=“18dp”
android:text=“@string/i” />

<TextView
android:id=“@+id/TextView13”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView12”
android:layout_alignBottom=“@+id/TextView12”
android:layout_alignLeft=“@+id/TextView09”
android:text=“@string/j” />

<CheckBox
android:id=“@+id/CheckBox05”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView13”
android:layout_alignBottom=“@+id/TextView13”
android:layout_alignLeft=“@+id/CheckBox03”
android:text=“CheckBox” />

<CheckBox
android:id=“@+id/CheckBox03”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView09”
android:layout_alignBottom=“@+id/TextView09”
android:layout_alignLeft=“@+id/CheckBox02”
android:text=“CheckBox” />

<CheckBox
android:id=“@+id/CheckBox04”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/TextView11”
android:layout_alignBottom=“@+id/TextView11”
android:layout_alignLeft=“@+id/CheckBox03”
android:text=“CheckBox” />

</RelativeLayout>

Jika coding di atas sudah di masukkan maka pada saat kita akan menjalankan aplikasinya maka hasilnya akan seperti gambar di atas.

G. Cara membuat Progress Bar
Progress Bar adalah sebuah indicator visual yang biasa terjadi pada saat kita sedang melakukan sebuah proses dari android tersebut contohnya proses saat download.
Aplikasi yang akan di buat seperti gambar di bawah ini :
1
Untuk membuat aplikasi seperti di atas kita akan memasukkan coding di file.xml danfile.java.

file.xml
<?xml version=“1.0” encoding=“utf-8”?>
<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android&#8221;
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
android:orientation=“vertical” >

<Button
android:id=“@+id/btnStartProgress”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“Download Sekarang” />

</LinearLayout>


file.java
package putra.progresbar;
import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.os.Handler;
import android.widget.Button;
import android.view.View;
import android.view.View.OnClickListener;
public class MainActivity extends Activity {
Button btnStartProgress;
ProgressDialog progressBar;
private int progressBarStatus = 0;
private Handler progressBarHandler = new Handler();
private long fileSize = 0;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
addListenerOnButton();
}
public void addListenerOnButton() {
btnStartProgress = (Button) findViewById(R.id.btnStartProgress);
btnStartProgress.setOnClickListener(
new OnClickListener() {
@Override

public void onClick(View v) {
// munculnya dialog pada saat download
progressBar = new ProgressDialog(v.getContext());
progressBar.setCancelable(true);
progressBar.setMessage(“Sedang downloading …”);
progressBar.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
progressBar.setProgress(0);
progressBar.setMax(100);
progressBar.show();
//reset progress bar status

progressBarStatus = 0;
//reset filesize

fileSize = 0;
new Thread(new Runnable() {

public void run() {

while (progressBarStatus < 100) {
// process some tasks

progressBarStatus = doSomeTasks();

// your computer is too fast, sleep 1 second

try {

Thread.sleep(1000);

} catch (InterruptedException e) {

e.printStackTrace();

}

// Update the progress bar

progressBarHandler.post(new Runnable() {

public void run() {

progressBar.setProgress(progressBarStatus);

}

});

}

// ok, file is downloaded,

if (progressBarStatus >= 100) {

// sleep 2 seconds, so that you can see the 100%

try {

Thread.sleep(2000);

} catch (InterruptedException e) {

e.printStackTrace();

}

// close the progress bar dialog

progressBar.dismiss();

}

}

}).start();

}

});

}


// file download simulator

public int doSomeTasks() {

while (fileSize <= 1000000) {

fileSize++;

if (fileSize == 100000) {

return 10;

} else if (fileSize == 200000) {

return 20;

} else if (fileSize == 300000) {

return 30;

}

// …add your own

}

return 100;

}

}
Jika coding di atas kita masukkan maka tampilanya akan menjadi seperti pada gambar yang ada di atas tadi.
H. Cara membuat Seek Bar
Seek Bar adalah sebuah tampilan Bar yang basanya kita lihat pada tampilan untuk menaikan sebuah volume atau bisa di lihat pada saat menaikan contaras warna pada android.
Aplikasi yang akan di buat seperti gambar di bawah ini :
1
Dalam pembuatan Seek Bar ini kita akan memasukkan coding di file.xml dan file.javanya. Oke ikuti coding di bawah ini :
file.xml
<?xml version=“1.0” encoding=“utf-8”?>
<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android&#8221;
android:layout_width=“match_parent”
android:layout_height=“match_parent”
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”>
<SeekBar
android:id=“@+id/seekbar1”
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
android:layout_alignParentTop=“true”
android:layout_centerHorizontal=“true”
android:layout_marginTop=“39dp” />
</RelativeLayout>

file.java

package putra.sekkbar;
import android.app.Activity;
import android.content.Context;
import android.media.AudioManager;
import android.os.Bundle;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;

public class MainActivity extends Activity
{
/** Called when the activity is first created. */

private SeekBar volumeSeekbar = null;
private AudioManager audioManager = null;

@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setVolumeControlStream(AudioManager.STREAM_MUSIC);
setContentView(R.layout.main);
initControls();
}

private void initControls()
{
try
{
volumeSeekbar = (SeekBar)findViewById(R.id.seekbar1);
audioManager = (AudioManager) getSystemService(Context.AUDIO_SERVICE);
volumeSeekbar.setMax(audioManager
.getStreamMaxVolume(AudioManager.STREAM_MUSIC));
volumeSeekbar.setProgress(audioManager
.getStreamVolume(AudioManager.STREAM_MUSIC));


volumeSeekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListener()
{
@Override
public void onStopTrackingTouch(SeekBar arg0)
{
}

@Override
public void onStartTrackingTouch(SeekBar arg0)
{
}

@Override
public void onProgressChanged(SeekBar arg0, int progress, boolean arg2)
{
audioManager.setStreamVolume(AudioManager.STREAM_MUSIC, progress, 0);
}
});
}
catch (Exception e)
{
e.printStackTrace();
}
}
}
setelah coding di atas di masukkan maka hasilnya akan seperti gambar yang ada di atas.
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)