Tutorial Android Cara Menggunakan Dan Membuat ScrollView

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. Berikut previewnya Gambar 7.1 .

Gambar 7.1

Tanpa ScrollView, informasi yang kita sampaikan akan terpotong sebatas layar device, sisanya tidak terlihat.
Sudah siap? Mari kita mulai.

1. Jalankan Enclipse, buat Project baru.
2. Isilah parameter seperti berikut

Project name : MengenalScrollView 

Contents : Create new project in workspace
Build Target : Android 2.1 

Application name : Menggunakan ScrollView
Package name : contoh.scrollView 

Create Activity : scrollView
Min SDK version : 7

3. Kemudian ketikkan script berikut ini pada main.xml. Peratikan script dibawah ini merupakan perulangan dengan sedikit perbedaan. Cukup ketik 1 pola, selanjutnya lakukan copy-paste kemudian edit.

<?xml version="1.0" encoding="utf-8"?> <scrollview xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/scrollView" android:layout_width="fill_parent" android:layout_height="fill_parent"> <tablelayout android:id="@+id/tableLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="0"> <tablerow> <view android:background="#000000" android:layout_height="80px"> </View> <textview android:paddingLeft="4px" android:text="#000000" android:gravity="center_vertical"> </TextView> </TableRow> <tablerow> <view android:background="#440000" android:layout_height="80px"> </View> <textview android:paddingLeft="4px" android:text="#440000" android:gravity="center_vertical"> </TextView> </TableRow> <tablerow> <view android:background="#884400" android:layout_height="80px"> </View> <textview android:paddingLeft="4px" android:text="#884400" android:gravity="center_vertical"> </TextView> </TableRow> <tablerow> <view android:background="#aa8844" android:layout_height="80px"> </View> <textview android:paddingLeft="4px" android:text="#aa8844" android:gravity="center_vertical"> </TextView> </TableRow> <tablerow> <view android:background="#ffaa88" android:layout_height="80px"> </View> <textview android:paddingLeft="4px" android:text="#ffaa88" android:gravity="center_vertical"> </TextView> </TableRow> <tablerow> <view android:background="#ffffaa" android:layout_height="80px"> </View> <textview android:paddingLeft="4px" android:text="#ffffaa" android:gravity="center_vertical"> </TextView> </TableRow> <tablerow> <view android:background="#ffffff" android:layout_height="80px"> </View> <textview android:paddingLeft="4px" android:text="#ffffff" android:gravity="center_vertical"> </TextView> </TableRow> </TableLayout> </ScrollView>

4. Ketiklah script scrollView.java seperti berikut

package contoh.scrollView; import android.app.Activity; import android.os.Bundle; public class scrollView extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } }

5. Bila script berantakan, lakukan Format (source > format).
6. Lakukan RUN dan lihat hasilnya pada gambar 7.1.

oke artikel kali sudah selasai mudah bangetkan cara menggunakan dan membuat ScrollView? Baca Artikel saya yang lainnya ya, Bila ada pertanyaan dan masukan segala macam, silakan Komentar Terima Kasih :D