Dalam mengembangkan aplikasi, kadang terkendala dengan ukuran layar tampilan. Ukuran layar bisa lebih kecil dabanding ukuran tampilan aplikasi kita. Untuk mengatasi hal itu, android memiliki composit ScrollView sehingga kita bisa menampilkan sebagian informasi dalam satu waktu sedangkan bagian informasi lainnya dapat ditampilkan dengan menaikkan layar ke atas atau ke bawah. Tanpa ScrollView, informasi yang kita sampaikan akan terpotong sebatas layar device, sisanya tidak akan terlihat.
Langkah membuat Quiz dengan Array pada Android Eclipse adalah sebagai berikut :
1. Buat Project Baru :
File → New → Android Aplication Project → (Beri Nama Project) | (Pada Project yang saya gunakan adalah "Tugas8") → Click Finish
Langkah membuat Quiz dengan Array pada Android Eclipse adalah sebagai berikut :
1. Buat Project Baru :
File → New → Android Aplication Project → (Beri Nama Project) | (Pada Project yang saya gunakan adalah "Tugas8") → Click Finish
2. Buka Project Tugas8 → res → values → string.xml
Buat String yang akan di gunakan pada Project tersebut.
string.xml pada project Tugas7
3. Kemudian membuat Layout pada : Project Tugas8 → res → activity_main.xml
Buat Design tampilan Display Quiz pada Project tersebut.
layout.xml pada project Tugas8
4. Kemudian Run dengan cara : click kanan Tugas8 → Run As → Android Application
<?xml version="1.0"
encoding="utf-8"?>
<resources>
<string name="app_name">Tugas8 | Pemograman Game (Jeni4)</string>
<string name="app_text1">Linear Layout</string>
<string name="app_text2">ScrollView</string>
<string name="menu_settings">zza_ibliizt™</string>
<string name="judul">Perbedaan Menggunakan ScrollView</string>
<string name="copyright">Copyright © 2014 [ Reza Gilang
Pradana || 1102024™ ]</string>
<string name="mafia">Design by MAFIA™ prodc. [ Mahasiswa Forum Imajinasi dan
Animasi ]</string>
<!-- String Text -->
<string name="username">Username :</string>
<string name="password">Password :</string>
<string name="email">Email :</string>
<string name="nama">Nama Lengkap :</string>
<string name="nomor">Nomor Pokok :</string>
<string name="kode_pos">Kode Pos :</string>
<string name="jenis_kelamin">Jenis Kelamin :</string>
<string name="pria">Laki-Laki</string>
<string name="wanita">Perempuan</string>
<string name="alamat">Alamat :</string>
<string name="tgl_lahir">Tanggal Lahir :</string>
<string name="tmp_lahir">Tempat Lahir :</string>
<string name="ceck">forgotpassword</string>
<!-- String Button -->
<string name="button_scrollview">ScrollView</string>
<string name="button_tnpscrollview">LinearLayout</string>
<string name="button_kembali">Kembali</string>
<string name="button_exit">E X I T</string>
<!-- array spinner kota -->
<string-array name="kota">
<item>Bandung</item>
<item>Surabaya</item>
<item>Jakarta</item>
<item>Cirebon</item>
<item>Yogyakarta</item>
<item>Semarang</item>
<item>Manado</item>
<item>Medan</item>
<item>Purwakarta</item>
</string-array>
</resources>
|
Buat Design tampilan Display Quiz pada Project tersebut.
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/background2"
android:id="@+id/IdLayoutScrollview"
tools:context=".Main1"
>
<TableLayout
android:id="@+id/table_layout"
android:layout_width="420dp"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="70dp"
android:stretchColumns="1"
>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/username"
android:textStyle="bold"
/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/password"
android:textStyle="bold"
/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword"
/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="forgot
password"
android:textStyle="italic"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:text="@string/nama"
android:textStyle="bold"
/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="text"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/nomor"
android:textStyle="bold"
/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="number"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/email"
android:textStyle="bold"
/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textEmailAddress"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/jenis_kelamin"
android:textStyle="bold"
/>
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/pria"
/>
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/wanita"
/>
</RadioGroup>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/alamat"
android:textStyle="bold"
/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="top"
android:inputType="text|textMultiLine|textAutoCorrect"
android:minLines="3"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:text="@string/kode_pos"
android:textStyle="bold"
/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="number"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/tmp_lahir"
android:textStyle="bold"
/>
<Spinner
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:entries="@array/kota"
tools:listitem="@android:layout/simple_spinner_item"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="@string/tgl_lahir"
android:textStyle="bold"
/>
<DatePicker
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:calendarViewShown="false"
/>
<Button
android:id="@+id/button_kembali"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:text="@string/button_kembali"
/>
<Button
android:id="@+id/button_linear_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/button_tnpscrollview"
/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="30dp"
android:text=""
android:visibility="visible"
/>
</TableLayout>
</ScrollView>
|
Hasil tampilan ScrollView dengan Android Virtual Device 5.1" WVGA (480 x 800: mdpi)
Display Tampilan Bagian Atas
5. Kemudian Ketika di Scroll ke bawah maka akan menampilkan Tampilan dibawah ini :
Display Tampilan Bagian Bawah
Untuk lebih jelasnya aplikasi dapat di download dengan format apk dibawah ini. Demikianlah informasi tentang ScrollView pada Android Eclipse semoga berguna dan bermanfaat :)
