2023/9/28

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

この記事からわかること

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

index

[open]

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

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

posted withアプリーチ

環境

Android Studio：Flamingo
Kotlin：1.8.20

横スクロールを実装する

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

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

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

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

    </LinearLayout>

</HorizontalScrollView>

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

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