JOB3 Pemograman Android-TextView, Button, Image, CheckBox, RadioButton
A. Tujuan
Dengan mengikuti perkuliahan ini mahasiswa diharapkan mampu:
1. Bekerja dengan TextView
2. Bekerja dengan Button
3. Bekerja dengan Image
4. Bekerja dengan CheckBox
5. Bekerja dengan RadioButton
B. Alat dan Bahan
1. Personal Computer
2. IDE Eclipse
3. Android SDK Windows
C. Langkah Kerja
1. Buatlah sebuah project android baru dengan aturan sebagai berikut:
- Project Name : WidgetAndroid
- Build Target : Android 2.2
- Package Name : widget.android.ku
- Create Activity : WidgetAndroidActivity
- Min SDK Version : 8
2. Klik finish, maka dapat dilihat project yang telah dibuat pada bagian package explorer.
3. Buka main.xml di folder layout. Pada awalnya, tampilan main.xml terlihat seperti gambar berikut:
4. Hapus TextView yang sudah ada sehingga main.xml menjadi sbb:
5. Melalui Graphical Layout, tambahkan view-view sebagai berikut:
6. Atur property semua view sbb:
| 7. main.xml akan berubah menjadi sbb: | ||||
8. Coba jalankan aplikasi, akan didapatkan tampilan sbb:
Akan
tampak bahwa, ukuran layar secara vertical tidak cukup untuk
menampilkan seluruh obyek view yang ada. Solusinya adalah dengan
menambahkan Scroll untuk menggulung layar kearah vertical.
9. Tambahkan ScrollView dengan menambahkan kode berikut ini pada main.xml. (sorce code yang diubah hanya yang berada dalam lingkaran merah saja. Yang lain tetap.
10. Sesuaikan kode program pada WidgetAndroidActivity seperti yang terlihat pada gambar berikut:ini, sehingga jika di klik OK, maka akan memunculkan identitas ke Form.
11. Jalankan program maka akan tampil:
12. Ketika diklik tombol OK, maka data akan terisi dengan sendirinya.
D. TUGAS
Buatlah program Android yang menampilkan Widget seperti yang terlihat pada gambar berikut:
Main.txt
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scrollView1"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/textNamaDepan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nama Depan" android:typeface="monospace"android:textSize="24dp" android:textStyle="bold"/>
<EditText
android:id="@+id/editNamaDepan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10" android:typeface="monospace" android:textSize="24dp">
<requestFocus />
</EditText>
<TextView
android:id="@+id/textNamaBlkg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nama Belakang" android:typeface="monospace"android:textSize="24dp" android:textStyle="bold"/>
<EditText
android:id="@+id/editNamaBlkg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10" android:typeface="monospace" android:textSize="24dp"/>
<TextView
android:id="@+id/textNoTlpn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nomor Telpon" android:typeface="monospace"android:textSize="24dp" android:textStyle="bold"/>
<EditText
android:id="@+id/editNoTlpn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10" android:typeface="monospace" android:textSize="24dp"/>
<TextView
android:id="@+id/textNegara"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Kewarganegaraan" android:typeface="monospace"android:textSize="24dp" android:textStyle="bold"/>
<RadioGroup
android:id="@+id/radioGroup1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<RadioButton
android:id="@+id/radioWni"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="true"
android:text="WNI" />
<RadioButton
android:id="@+id/radioWna"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="WNA" />
</RadioGroup>
<TextView
android:id="@+id/textViewBakat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Bakat" android:typeface="monospace" android:textSize="24dp"android:textStyle="bold"/>
<CheckBox
android:id="@+id/checkBernyanyi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Bernyanyi" />
<CheckBox
android:id="@+id/checkMenari"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Menari" />
<CheckBox
android:id="@+id/checkAltmsk"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Memainkan Alat Musik" />
<Button
android:id="@+id/btnTampil"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tampil" />
</LinearLayout>
</ScrollView>
|
activity
package WidgetTugas.Aril;
import android.app.Activity;
import android.os.Bundle;
import android.text.style.LineHeightSpan.WithDensity;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
public class WidgetTugasArilActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final EditText editNamaDepan = (EditText) findViewById(R.id.editNamaDepan);
final EditText editNamaBlkg = (EditText)
findViewById(R.id.editNamaBlkg);
final EditText editNoTlpn = (EditText)
findViewById(R.id.editNoTlpn);
final RadioButton radioWni = (RadioButton)
findViewById(R.id.radioWni);
final RadioButton radioWna = (RadioButton)
findViewById(R.id.radioWna);
final CheckBox checkBernyanyi = (CheckBox)
findViewById(R.id.checkBernyanyi);
final CheckBox checkMenari = (CheckBox)
findViewById(R.id.checkMenari);
final CheckBox checkAltmsk = (CheckBox)
findViewById(R.id.checkAltmsk);
Button btnTampil = (Button) findViewById(R.id.btnTampil);
btnTampil.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0) {
// TODO Auto-generated method stub
editNamaDepan.setText("Syahril");
editNamaBlkg.setText("Ramadhani");
editNoTlpn.setText("085217237186");
radioWni.setChecked(true);
checkBernyanyi.setChecked(true);
}
});
}
}
|
Jika
Tombol Tampil diklik, maka akan tampil data seperti yanguatlah program
Android yang menampilkan Widget seperti yang terlihat terpada gambar
berikut:
Komentar
Posting Komentar