Subscribe:

Sabtu, 13 Juli 2013

Membuat SCROLLVIEW di Aplikasi Android

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.
Gambar 1.1
SrollView

Tanpa ScrollView, informasi yang kita sampaikan akan terpotong sebatas layar device, sisanya tidak terlihat.uuntuk itu kita membutuhkan ScrollView,berikut adalah langkah-langkahnya:
  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>



  • 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);
        }
    }


  • Bila script berantakan, lakukan Format (source > format).
  • Lakukan RUN dan lihat hasilnya.
  • 0 komentar:

    Posting Komentar