[안드로이드] - 스크롤뷰(ScrollView) 구성하기

| 스크롤뷰(ScrollView)

 

스크롤뷰

   스크롤뷰는 레이아웃에 스크롤 기능(스크롤 바가 생기는)을 추가하는 형태이다

   ScrollView 는 세로 방향을 지원하고

   HorizontalScrollView 는 가로 방향을 지원한다

 

스크롤뷰 사용 시 주의점

    사용하려는 방향 스크롤뷰에 맞춰 orientation 을 변경해야한다

  

 

    레이아웃 사용 시 match_parent 로 지정해도 영역 지정이 안될 때에는

    ScrollView 의 fillViewport 를 true로 지정한다

   

 

대략적인 스크롤뷰 구성

   

 

<TextView
    android:text="이미지 세로 스크롤뷰\n스크롤을 내려 확인하세요"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:id="@+id/textview1"
    android:textStyle="normal|bold"
    android:textAlignment="center"
    android:textColor="@android:color/black" />
 
<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/textview1"
    android:fillViewport="true">
 

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

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/image1"
            android:id="@+id/imageView2" />

        <Button
            android:text="버튼도 하나"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/button"
            android:textStyle="normal|bold"
            android:textAlignment="center"
            android:textColor="@android:color/black" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/image4"
            android:id="@+id/imageView5" />

        <TextView
            android:text="텍스트도 하나"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/textView2"
            android:textAlignment="center"
            android:textStyle="normal|bold"
            android:textColor="@android:color/black" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/image3"
            android:id="@+id/imageView4" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:srcCompat="@drawable/image2"
            android:id="@+id/imageView3" />
    
    </LinearLayout>
</ScrollView>