Android - ScrollView Widget

由於行動裝置的螢幕有限，畫面中控制項的總面積往往會超出範圍。捲動在Android是常用的功能之一，以下將為其一一介紹。


ScrollView Widget：提供垂直捲動功能，裡面僅能包含一個控制項。通常搭配 Layout系列控制項使用。
HorizontalScrollView  Widget：提供水平捲動功能，裡面僅能包含一個控制項。通常搭配 Layout系列控制項使用。

若要能同時達到垂直和水平捲動功能，只要在ScrollView 控制項中放入HorizontalScrollView 控制項即可。


ScrollView - Layout XML Demo

01:  <?xml version="1.0" encoding="utf-8"?>  
02:  <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"  
03:    android:layout_width="fill_parent"  
04:    android:layout_height="fill_parent" >  
05:    <LinearLayout  
06:      android:layout_width="match_parent"  
07:      android:layout_height="wrap_content"  
08:      android:orientation="vertical" >  
09:      <TextView  
10:        android:layout_width="fill_parent"  
11:        android:layout_height="wrap_content"  
12:        android:text="@string/hello" />  
13:    </LinearLayout>  
14:  </ScrollView>  

HorizontalScrollView - Layout XML Demo

01:  <?xml version="1.0" encoding="utf-8"?>  
02:  <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"  
03:    android:layout_width="fill_parent"  
04:    android:layout_height="fill_parent" >  
05:    <LinearLayout  
06:      android:layout_width="wrap_content"  
07:      android:layout_height="match_parent"  
08:      android:orientation="horizontal" >  
09:      <TextView  
10:        android:layout_width="fill_parent"  
11:        android:layout_height="wrap_content"  
12:        android:text="@string/hello" />  
13:    </LinearLayout>  
14:  </HorizontalScrollView>  

可垂直和水平捲動， ScrollView 與 HorizontalScrollView 並用  - Layout XML Demo

01:  <?xml version="1.0" encoding="utf-8"?>  
02:  <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"  
03:    android:layout_width="fill_parent"  
04:    android:layout_height="fill_parent" >  
05:    <HorizontalScrollView    
06:      android:layout_width="match_parent"  
07:      android:layout_height="wrap_content" >  
08:      <LinearLayout  
09:        android:layout_width="wrap_content"  
10:        android:layout_height="match_parent"  
11:        android:orientation="horizontal" >  
12:        <TextView  
13:        android:layout_width="fill_parent"  
14:        android:layout_height="wrap_content"  
15:        android:text="@string/hello" />  
16:      </LinearLayout>  
17:    </HorizontalScrollView>  
18:  </ScrollView>