September 13, 2017
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:
