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...

Menggunakan ScrollView pada Layout

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


About Author

Hasyemi Rafsanjani Asyari

null. I'm proud to be Stalker. Currently Mahasiswa Politeknik Negeri Jakarta. Currently Microsoft Student Partners Indonesia Regional Jabodetabek. Founder of a Company.


Comment & Discussions

    Please LOGIN before if you want to give the comment.