[안드로이드] ScrollView 스크롤 처리하기 예제(텍스트, 이미지 추가)

목차

1. 안드로이드 스튜디오 앱 프로젝트 생성 예제 이전 포스팅 참고 학습
2. 안드로이드 TextView 출력 예제 이전 포스팅 참고 학습
3. 안드로이드 CheckBox 체크박스 아이템 가져오기 예제 이전 포스팅 참고
4. 안드로이드 레이아웃 XML에 ScrollView 추가 예제
5. 안드로이드 ScrollView에 텍스트 및 이미지 추가 예제

 

 

 

 

 

 

 

 

안드로이드 스튜디오 앱 프로젝트 생성 예제 이전 포스팅 참고 학습

이전 포스팅에서 안드로이드 스튜디오에서 새로운 앱 프로젝트를 생성하는 방법에 대해 알아보았습니다. 프로젝트 생성 시 프로젝트 이름, 패키지명, 미니멈 SDK 버전 등을 설정하며, 기본적인 프로젝트 구조를 구성할 수 있습니다.

 

오늘 포스팅에서도 신규 앱을 구성하여 예제 코드를 작성하고 실행해야 합니다. 따라서 아직 안드로이드 앱 프로젝트 생성 방법을 잘 모르신다면 아래의 이전 포스팅 링크를 참고하여 학습해주세요.

 

2023.08.22 - [Android] - [안드로이드] 프로젝트 생성 예제(로그출력, TextView)

[안드로이드] 프로젝트 생성 예제(로그출력, TextView)

 

 

 

 

 

 

안드로이드 TextView 출력 예제 이전 포스팅 참고 학습

또한 이전 포스팅에서 안드로이드 TextView를 사용하여 텍스트를 출력하는 예제를 알아보았습니다. XML 레이아웃에서 TextView를 추가하고, Java 코드에서 텍스트를 설정하는 방법을 다뤘으며 폰트 크기, 폰트 색상 등을 변경하는 방법을 확인했습니다.

 

만약 Java 코드에서 폰트 크기 혹은 색상을 변경하는 방법에 대해 궁금하시다면 아래 링크를 참고해주세요.

 

2023.08.22 - [Android] - [안드로이드] TextView 출력 예제(폰트 크기, 색상 변경)

[안드로이드] TextView 출력 예제(폰트 크기, 색상 변경)

 

 

 

 

 

 

안드로이드 CheckBox 체크박스 아이템 가져오기 예제 이전 포스팅 참고

마지막으로 안드로이드에서 CheckBox를 사용하여 여러 개의 아이템 중에서 선택된 아이템을 가져오는 예제 포스팅이 있습니다.각 CheckBox에 고유한 ID를 할당하고, Java 코드에서 CheckBox 객체를 가져와 선택 여부를 확인할 수 있습니다.

 

오늘 주제인 스크롤 뷰와 상관없이 CheckBox 사용방법이 궁금하시다면 아래 링크를 참고해주세요.

 

2023.08.22 - [Android] - [안드로이드] CheckBox 체크 박스 예제(선택 아이템 가져오기)

[안드로이드] CheckBox 체크 박스 예제(선택 아이템 가져오기)

 

 

 

 

 

 

안드로이드 레이아웃 XML에 ScrollView 추가 예제

아래는 안드로이드에서 ScrollView를 사용하여 스크롤 가능한 뷰를 만드는 방법을 설명하는 예제입니다. ScrollView를 XML 레이아웃에 추가합니다. 이후 이 스크롤뷰에 아이템을 추가하겠습니다.

 

<?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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp">

    </ScrollView>
</LinearLayout>

 

아직 스크롤뷰에 아이템이 없어서 스크롤이 표시되지는 않는다.

 

 

 

 

안드로이드 ScrollView에 텍스트 및 이미지 추가 예제

아래는 안드로이드 ScrollView 내에 텍스트와 이미지를 추가하여 스크롤 가능한 컨텐츠를 만드는 방법을 설명하는 예제입니다. XML 레이아웃에서 ScrollView 내에 TextView와 ImageView를 추가합니다. 아래의 TextView의 Text에는 스크롤이 가능하도록 장문의 글을 작성합니다.

 

<?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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp">

        <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:text="..."/>

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:src="@drawable/ic_launcher_background"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="..."/>

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

 

화면 스크롤 범위를 넘어서는 아이템이 추가되면 오른쪽에 스크롤이 자동생성된다.