[Android & Kotlin] ScrollView 画面を縦にスクロールさせてみた

Androidは画面をスクロールさせることでたくさんの情報を表示させることができます。Kotlinでも ScrollVew を使うと簡単に縦方向にスクロールさせることができます。
 
ScrollView 01 - [Android & Kotlin] ScrollView 画面を縦にスクロールさせてみた

Android Studio 3.1.4
API 28
Kotlin 1.2.60
 



ScrollView

 
ScrollViewの設定自体はとても簡単です。
スクロールさせたいところを ScrollView で挟み込むだけです。
 
試しにこの画像をスクロールさせてみましょう。
 

cat  00 - [Android & Kotlin] ScrollView 画面を縦にスクロールさせてみた
650 x 860

 

 

レイアウトファイルに記述

 
レイアウトXMLファイルでターゲットの画像をImageViewで表示し、それをScrollViewではさみます。もっともこれはレイアウトで記述するだけなので、JavaもKotlinもないのですが…

activity_main.xml

 
このままで実行させてると、上下にスクロールするのが分かると思います。

 

コードで記述

 
レイアウトXMLファイルを使わずにコードで書く場合は
画像をImageViewに設定して、ScrollViewに追加して表示します。
 
MainActivity.kt

 

one direct child

 
通常、画面にUIが一つというのはあまりありませんので、複数のUIをScrollViewで挟むと

ScrollView can host only one direct child

というエラーになります。ScrollViewは子Viewを1つしか持てません。
 
どうするかというと、テキストやボタンなどをまとめてスクロールさせたい場合は、LinearLayout等でくくり、ScrollさせるのはLinearLayoutだけという体裁をとればいいのです。

実際に縦長画像と上下にテキスト、ボタンを置いたレイアウトをスクロールさせてみます。

actiity_main.xml

 
猫の画像を上下にスクロールできるようになりました。
 

 
 
Ref:
ScrollView | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう。

オンラインスクールは色々ありますが、以下の3つはAndroidが学習できる老舗スクールです。


TECH ACADEMY
Androidアプリコース


こういうものではアプリ作れないと言う意見もありますが、それは結局本人のやる気があるかないかです。やる気があっても独学では突破しにくいところは教えてもらうのが一番早い。


侍エンジニア塾
侍エンジニア塾 無料体験レッスン


とても簡単なことなのに本やネットの画像だけでは分かりにくいことはあります。実際に質問してピンポイントで教えてもらうと、なんだそんなこと、と言うのがけっこうあります。


CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp




直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。


Google Pixel 4 / 4 XL
Android 10 搭載


シェアする

  • このエントリーをはてなブックマークに追加

フォローする