[Android] ScrollView 画面の縦スクロール

スマホの画面はPC程大きくはありません。画面を縦方向、横方向にスクロールさせることでよりたくさんの情報を表示させるために ScrollVew があります。
まず基本の縦スクロール、ScrollViewの使い方を見てみましょう。
 
ScrollView 01 - [Android] ScrollView 画面の縦スクロール

Android Studio 3.0.1
Android 8.1.0
 



ScrollView

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

cat  00 - [Android] ScrollView 画面の縦スクロール
650 x 860

 

 

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

 
レイアウトXMLファイルでターゲットの画像をImageViewで表示し、
それをScrollViewではさみこみます。

activity_main.xml

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

 

コードで記述

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

 

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フォーム

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


 


ページのトップへ戻る




シェアする

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

フォローする