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

時間 2019-11-12

標籤 android 零基礎入門滾動視圖 scrollview 欄目 Android 简体版

原文原文鏈接

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

1、ScrollView概述

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

在默認狀況下，ScrollView只是爲其餘組件添加垂直滾動條，若是應用須要添加水平滾動條，則可藉助於另外一個滾動視圖HorizontalScrollView來實現。ScrollView與HorizontalScrollView的功能基本類似，只是前者添加垂直滾動條，後者添加水平滾動條。微信

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

ScrollView支持的XML屬性以下：app

android:scrollX：以像素爲單位設置水平方向滾動的的偏移值。ide
android:scrollY：以像素爲單位設置垂直方向滾動的的偏移值。佈局
android:scrollbarAlwaysDrawHorizontalTrack：設置是否始終顯示垂直滾動條。學習
android:scrollbarAlwaysDrawVerticalTrack：設置是否始終顯示垂直滾動條。優化
android:scrollbarDefaultDelayBeforeFade：設置N毫秒後開始淡化，以毫秒爲單位。spa
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）手勢。

2、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>