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

來源:互聯網
上載者:User

標籤:填充   time   探討   log   開發利器   數值   xmlns   關於   文字框   

   前面幾期學習了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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.