[안드로이드/View Widget] ScrollView 스크롤뷰

<ScrollView>

: 스크롤뷰는 부모가 될 수 있는 태그로, 자식요소의 height에 따라 scroll이 가능한 태그이다.

 

스크롤뷰 특징

1. 오직 하나의 자식 뷰만 가질 수 있다.

여러 개의 자식 요소를 넣기 위해서는 <linearLayout>와 같은 태그를 자식태그로 놓고

그 안에 자식 요소들을 넣으면 된다.

 

2. 스크롤뷰의 방향은 기본적으로 자식뷰의 orientation으로 처리된다.

 

3. fillViewport="true" 속성을 필수로 설정해 주어야 한다.

스크롤 오류에 대한 방안으로 만들어진 속성이다.

 

4. 스크롤 바를 안보이게 설정할 수 있다.

scrollbars="none" 을 설정해주면 된다.

 

 

---

 

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

    <ScrollView
        android:fillViewport="true"
        android:scrollbars="none"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

            <TextView
                android:layout_width="300dp"
                android:layout_height="300dp"
                android:background="#ED6A6A" />

            <TextView
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:background="#CD8181" />

            <TextView
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:background="#E3BABA" />

            <TextView
                android:layout_width="300dp"
                android:layout_height="300dp"
                android:background="#ED6A6A" />

            <TextView
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:background="#CD8181" />

            <TextView
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:background="#E3BABA" />

        </LinearLayout>
    </ScrollView>
</LinearLayout>

 

<LinearLayout>을 자식 요소로 하였고,

그 안에 여러 <TextView> 를 배경과 사이즈를 달리해서 넣어보았다.

 

스크롤바를 보이지 않게 설정해 오른쪽에 스크롤바가 안보이고

LinearLayout 의 orientation="vertical"에 따라 수직스크롤이 가능한 것을 확인할 수 있다.