前面幾期學習了ProgressBar系列組件、ViewAnimator系列組件、Picker系列組件和時間日期系列組件，接下來幾期繼續來學習常見的其他組件。

一、ScrollView概述

從前面的學習有的同學可能已經發現，當擁有很多內容時屏幕顯示不完，顯示不全的部分完全看不見。但是在實際項目裏面，很多內容都不止一個屏幕寬度或高度，那怎麽辦呢？那就需要本節學習的ScrollView來完成。

在默認情況下，ScrollView只是為其他組件添加垂直滾動條，如果應用需要添加水平滾動條，則可借助於另一個滾動視圖HorizontalScrollView來實現。ScrollView與HorizontalScrollView的功能基本相似，只是前者添加垂直滾動條，後者添加水平滾動條。

ScrollView由FrameLayout派生而出，它就是一個用於為普通組件添加滾動條的組件。 ScrollView裏最多只能包含一個組件，而ScrollView的作用就是為該組件添加垂直滾動條。

ScrollView支持的XML屬性如下：

• android:scrollX：以像素為單位設置水平方向滾動的的偏移值。

• android:scrollY：以像素為單位設置垂直方向滾動的的偏移值。

• android:scrollbarAlwaysDrawHorizontalTrack：設置是否始終顯示垂直滾動條。

• android:scrollbarAlwaysDrawVerticalTrack：設置是否始終顯示垂直滾動條。

• android:scrollbarDefaultDelayBeforeFade：設置N毫秒後開始淡化，以毫秒為單位。

• android:scrollbarFadeDuration：設置滾動條淡出效果（從有到慢慢的變淡直至消失）時間，以毫秒為單位。

• android:scrollbarSize：設置滾動條的寬度。

• android:scrollbarStyle：設置滾動條的風格和位置。屬性值有以下幾個：

• outsideInset：該ScrollBar顯示在視圖(view)的邊緣,增加了view的padding. 如果可能的話,該ScrollBar僅僅覆蓋這個view的背景。

• outsideOverlay：該ScrollBar顯示在視圖(view)的邊緣,不增加view的padding,該ScrollBar將被半透明覆蓋。

• insideInset：該ScrollBar顯示在padding區域裏面,增加了控件的padding區域,該ScrollBar不會和視圖的內容重疊。

• insideOverlay：該ScrollBar顯示在內容區域裏面,不會增加了控件的padding區域,該ScrollBar以半透明的樣式覆蓋在視圖(view)的內容上。

• android:scrollbarThumbHorizontal：設置水平滾動條的drawable。

• android:scrollbarThumbVertical：設置垂直滾動條的drawable。

• android:scrollbarTrackHorizontal：設置水平滾動條背景（軌跡）的色drawable。

• android:scrollbarTrackVertical：設置垂直滾動條背景（軌跡）的drawable。

• android:scrollbars：設置滾動條顯示。屬性值有：none、horizontal、vertical。

ScrollView的幾個常用方法有：

• addView (View child)：添加子視圖。如果事先沒有給子視圖設置layout參數，會采用當前ViewGroup的默認參數來設置子視圖。

• addView (View child, int index)：添加子視圖。如果事先沒有給子視圖設置layout參數，會采用當前ViewGroup的默認參數來設置子視圖。

• arrowScroll (int direction)：響應點擊上下箭頭時對滾動條滾動的處理。

• fling (int velocityY)：滾動視圖的滑動（fling）手勢。

二、ScrollView示例

接下來通過一個簡單的示例程序來學習ScrollView的使用。

繼續使用WidgetSample工程的advancedviewsample模塊，在app/main/res/layout/目錄下創建scrollview_layout.xml文件，在其中填充如下代碼片段：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="10dp"
            android:fillViewport="false">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <ImageView
            android:id="@+id/imageView"
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:src="@drawable/image" />
        <Button
            android:id="@+id/more_btn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="more" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ScrollView"
            android:textAppearance="?android:attr/textAppearanceLarge" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/description"
            android:textAppearance="?android:attr/textAppearanceSmall" />
    </LinearLayout>
</ScrollView>

其中description為定義的字符串，由於內容較多，此處不在給出。

運行程序，可以看到下圖所示界面效果，界面可以上下滾動。

關於ScrollView先學到這裏，更多用法建議自己多加練習。

今天就先到這裏，如果有問題歡迎留言一起探討，也歡迎加入Android零基礎入門技術討論微信群，共同成長！

此文章版權為微信公眾號分享達人秀（ShareExpert）——鑫鱻所有，若需轉載請聯系作者授權，特此聲明！

往期總結分享：

Android零基礎入門第1節：Android的前世今生

Android零基礎入門第2節：Android 系統架構和應用組件那些事

Android零基礎入門第3節：帶你一起來聊一聊Android開發環境

Android零基礎入門第4節：正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節：善用ADT Bundle, 輕松邂逅女神

Android零基礎入門第6節：配置優化SDK Manager, 正式約會女神

Android零基礎入門第7節：搞定Android模擬器，開啟甜蜜之旅

Android零基礎入門第8節：HelloWorld，我的第一趟旅程出發點

Android零基礎入門第9節：Android應用實戰，不懂代碼也可以開發

Android零基礎入門第10節：開發IDE大升級，終於迎來了Android Studio

Android零基礎入門第11節：簡單幾步帶你飛，運行Android Studio工程

Android零基礎入門第12節：熟悉Android Studio界面，開始裝逼賣萌

Android零基礎入門第13節：Android Studio配置優化，打造開發利器

Android零基礎入門第14節：使用高速Genymotion，跨入火箭時代

Android零基礎入門第15節：掌握Android Studio項目結構，揚帆起航

Android零基礎入門第16節：Android用戶界面開發概述

Android零基礎入門第17節：文本框TextView

Android零基礎入門第18節：輸入框EditText

Android零基礎入門第19節：按鈕Button

Android零基礎入門第20節：復選框CheckBox和單選按鈕RadioButton

Android零基礎入門第21節：開關組件ToggleButton和Switch

Android零基礎入門第22節：圖像視圖ImageView

Android零基礎入門第23節：圖像按鈕ImageButton和縮放按鈕ZoomButton

Android零基礎入門第24節：自定義View簡單使用，打造屬於你的控件

Android零基礎入門第25節：簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節：兩種對齊方式，layout_gravity和gravity大不同

Android零基礎入門第27節：正確使用padding和margin

Android零基礎入門第28節：輕松掌握RelativeLayout相對布局

Android零基礎入門第29節：善用TableLayout表格布局

Android零基礎入門第30節：兩分鐘掌握FrameLayout幀布局

Android零基礎入門第31節：少用的AbsoluteLayout絕對布局

Android零基礎入門第32節：新推出的GridLayout網格布局

Android零基礎入門第33節：Android事件處理概述

Android零基礎入門第34節：Android中基於監聽的事件處理

Android零基礎入門第35節：Android中基於回調的事件處理

Android零基礎入門第36節：Android系統事件的處理

Android零基礎入門第37節：初識ListView

Android零基礎入門第38節：初識Adapter

Android零基礎入門第39節：ListActivity和自定義列表項

Android零基礎入門第40節：自定義ArrayAdapter

Android零基礎入門第41節：使用SimpleAdapter

Android零基礎入門第42節：自定義BaseAdapter

Android零基礎入門第43節：ListView優化和列表首尾使用

Android零基礎入門第44節：ListView數據動態更新

Android零基礎入門第45節：網格視圖GridView

Android零基礎入門第46節：列表選項框Spinner

Android零基礎入門第47節：自動完成文本框AutoCompleteTextView

Android零基礎入門第48節：可折疊列表ExpandableListView

Android零基礎入門第49節：AdapterViewFlipper圖片輪播

Android零基礎入門第50節：StackView卡片堆疊

Android零基礎入門第51節：進度條ProgressBar

Android零基礎入門第52節：自定義ProgressBar炫酷進度條

Android零基礎入門第53節：拖動條SeekBar和星級評分條RatingBar

Android零基礎入門第54節：視圖切換組件ViewSwitcher

Android零基礎入門第55節：ImageSwitcher和TextSwitcher

Android零基礎入門第56節：翻轉視圖ViewFlipper

Android零基礎入門第57節：DatePicker和TimePicker選擇器

Android零基礎入門第58節：數值選擇器NumberPicker

Android零基礎入門第59節：常用三大Clock時鐘組件

Android零基礎入門第60節：日歷視圖CalendarView和定時器Chronometer

Android零基礎入門第61節：滾動視圖ScrollView