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

この記事からわかること
- Android Studio/Kotlinで縦スクロールを実装する方法
- ScrollViewの使い方
- 注意点
index
[open]
\ アプリをリリースしました /
環境
- 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>
解消方法は以下の記事を参考にしてください。
横方向のスクロールの実装方法

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。
ご覧いただきありがとうございました。