ScrollView 사용법

ScrollView란?

구현하려는 내용의 높이가 실제 화면의 높이보다 클 때 화면을 스크롤할 수 있도록 하기 위해 사용한다.

ScrollView를 이용하여 내용을 감싸주면 화면의 높이보다 내용물이 커질 때 자동으로 스크롤이 가능하도록 된다.

 

ScrollView 사용법

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" />
        
    </ScrollView>
    
</LinearLayout>

먼저 기본 레이아웃에 ScrollView를 추가하면 안에 LinearLayout이 추가되어 있는 것을 볼 수 있다.

ScrollView 바로 아래에 여러 개의 View를 추가하면 에러가 나기 때문에 꼭 레이아웃 하나를 두고 그 안에 추가하자.

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="50sp"
                android:text="안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요\n안녕하세요"/>

        </LinearLayout>

    </ScrollView>

</LinearLayout>

그 다음 ScrollView 안의 LinearLayout에 TextView 하나를 추가하고 글자를 많이 채워 보자.

 

그러면 위와 같이 글자가 화면 밖을 벗어난 것을 볼 수 있다.

 

이제 실행시킨 뒤 드래그를 해보면 우측에 스크롤바가 생기면서 스크롤이 정상적으로 되는 것을 볼 수 있다.

 

 

Reference

[부스트코스]안드로이드 프로그래밍

https://www.edwith.org/boostcourse-android