Minggu, 18 Mei 2014

PENGGUNAAN SCROLLVIEW PADA ANDROID ECLIPSE


Scroll view adalah salah satu composit dalam android eclipse,
Untuk 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 terlihat.
       Berikut adalah contoh aplikasi sederhana yang menggunakan ScrollView, sebenarnya ada 2 orientasi scrollview yaitu vertical dan horizontal, namun saya akan menunjukan contoh yang vertical, cukup pada layout saja tambahkan ScrollView vertical,
  • Source code Layout 
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/scrollview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TableLayout
        android:id="@+id/tablelayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
 
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:text="@string/hello_world" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Anjing pemburu dan sang Kelinci"
        android:layout_marginTop="20dp"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ImageView
        android:id="@+id/imagedongeng"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:src="@drawable/dongengkelinci" />

    <TextView
        android:id="@+id/textdongeng"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imagedongeng"
        android:layout_marginTop="19dp"
        android:text="
        Seekor anjing pemburu yang mengejar-ngejar seekor kelinci, dan setelah beberapa lama, sang Anjing menyerah dan menghentikan pengejarannya.
        Kebetulan kejadian itu disaksikan oleh seorang gembala yang langsung mengejek sang Anjing dan berkata:
        &apos;Hewan yang lebih kecil ternyata larinya lebih kencang dibandingkan dengan kamu,&apos;
        Sang Anjing menjawab, &apos;Tidakkah kamu melihat perbedaan di antara kami? Saya berlari untuk mendapatkan makanan, sedangkan
sang Kelinci berlari untuk mempertahankan hidupnya.&apos;
Keinginan menentukan kerasnya suatu usaha." />

</TableLayout>
</ScrollView>

  • Screen Shoot

2 komentar: