2023/9/28

【Kotlin/Android Studio】ScrollViewで縦スクロールを実装する方法

この記事からわかること

Android Studio/Kotlinで縦スクロールを実装する方法
ScrollViewの使い方
注意点

index

[open]

＼アプリをリリースしました／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

posted withアプリーチ

環境

Android Studio：Flamingo
Kotlin：1.8.20

縦スクロールを実装する

Androidアプリで縦スクロールを実装するにはScrollViewを使用します。

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

        <View
            android:layout_width="match_parent"
            android:layout_height="400dp"
            android:background="#23527c" />

        <View
            android:layout_width="match_parent"
            android:layout_height="400dp"
            android:background="#bd9907" />

        <View
            android:layout_width="match_parent"
            android:layout_height="400dp"
            android:background="#dd6b24" />

    </LinearLayout>

</ScrollView>

ScrollViewの中にはスクロールで表示させたいViewを入れ込みますが、ScrollViewの中には1つしかViewが入らないのでLinearLayoutなどの大枠で囲ってあげる必要があります。

あとは中の要素の大きさをどれだけ大きくしても自動で縦スクロールを実装することが可能になります。

ScrollViewをネストするとスクロールできなくなる

ScrollViewの中にScrollViewを配置すると親のScrollViewはスクロールできまずが、子のScrollViewはスクロールできなくなってしまいます。

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

        </ScrollView>

</ScrollView>

解消方法は以下の記事を参考にしてください。

横方向のスクロールの実装方法