개발(Android)/android studio

[Android Studio] (Vertical) Scroll View, Horizontal Scroll View, Nested Scroll View

shinyelee 2022. 4. 29. 23:36

[안드로이드 스튜디오] (수직) 스크롤 뷰, 수평 스크롤 뷰, 중첩 스크롤 뷰 

ScrollView

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">
<!--
    수평 스크롤뷰 적용하려면
    android:orientation="horizontal"
    로 변경
 -->

    <!--
        수평 스크롤뷰 적용하려면
        HorizontalScrollView
        로 변경(세로가 기본값)
     -->
    <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" >
        <!--
            수평 스크롤뷰 적용하려면
            android:orientation="horizontal"
            로 변경
         -->

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

        </LinearLayout>

    </ScrollView>

</LinearLayout>

수직 방향으로 스크롤

HorizontalScrollView

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="horizontal">

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

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

            <ImageView
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_margin="10dp"
                android:layout_gravity="center"
                android:src="@drawable/paw"/>

        </LinearLayout>

    </HorizontalScrollView>

</LinearLayout>

수평 방향으로 스크롤

NestedScrollView

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">

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

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

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

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                </LinearLayout>

            </HorizontalScrollView>

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

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

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                </LinearLayout>

            </HorizontalScrollView>

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

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

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                    <ImageView
                        android:layout_width="250dp"
                        android:layout_height="250dp"
                        android:layout_margin="10dp"
                        android:layout_gravity="center"
                        android:src="@drawable/paw"/>

                </LinearLayout>

            </HorizontalScrollView>

        </LinearLayout>

    </ScrollView>
    
</LinearLayout>

수직 및 수평 방향으로 스크롤

참고

반응형

'개발(Android) > android studio' 카테고리의 다른 글

[Android Studio/Kotlin] List View  (0) 2022.05.03
[Android Studio/Kotlin] View Binding  (0) 2022.05.02
[Android Studio] Font Setting  (0) 2022.04.21
[Android Studio/Kotlin] Singleton Pattern  (0) 2022.04.20
[Android Studio/Kotlin] Custom Dialog, Interface  (0) 2022.04.20

'개발(Android)/android studio'의 다른글

  • 현재글[Android Studio] (Vertical) Scroll View, Horizontal Scroll View, Nested Scroll View

관련글

댓글

티스토리툴바