Pada tutorial kali ini kita akan membahas mengenai ScrollView. Ada kalanya layout yang sudah kita buat melebihi tampilan dari layar yang ada. ScrollView adalah container untuk tampilan UI pada android. ScrollView digunakan agar user bisa melakukan scroll secara vertikal pada layout yang sudah dibuat jika layout tersebut terlalu besar.
Buat project android terlebih dahulu. Setelah itu buka layout yang ingin digunakan atau buat layout baru.
Container yang akan kita gunakan adalah ScrollView dengan LinearLayout di dalamnya.
Pertama tambahkan ScrollView dan atributnya pada baris code
<ScrollView android:layout_height="fill_parent" android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"> </ScrollView>
Lalu di dalam ScrollView tambahkan LinearLayout dan atributnya
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="20dp" tools:context=".MainActivity"> </LinearLayout>
Setelah itu kita bebas menabahkan komponen UI apa saja di dalam LinearLayout. Jika terlalu panjang maka tampilan akan bisa discroll secara vertikal.
Catatan ScrollView tidak bisa digunakan dengan ListView
Contoh code:
<ScrollView android:layout_height="fill_parent" android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="20dp" tools:context=".MainActivity"> <Button android:layout_width="fill_parent" android:layout_height="100dp"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content"/> <Button android:layout_width="fill_parent" android:layout_height="wrap_content"/> <TextView android:text="Hello World" android:textSize="70dp" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <Button android:layout_width="fill_parent" android:layout_height="100dp"/> </LinearLayout> </ScrollView>
Sekarang jika aplikasi dijalankan maka user bisa melakukan scroll pada tampilan.
Sekian tutorial kali ini, semoga bermanfaat