Android入門(mén)之ScrollView的使用教程
介紹
ScrollView(滾動(dòng)條),它有兩種“滾動(dòng)條”:
- 豎直滾動(dòng)條;
- 水平方向上的滾動(dòng)條:HorizontalScrollView;
我們經(jīng)??梢钥吹皆谑謾C(jī)里正在垂直加載一堆的數(shù)據(jù),然后過(guò)一會(huì)加載得內(nèi)容過(guò)多,到了手機(jī)的底部了,垂直方向就會(huì)出現(xiàn)一個(gè)“滾動(dòng)條”。
這個(gè)滾動(dòng)條可以一下滑到底部、也可以一下滑到頂部。如下截圖所示。
高度需要注意的點(diǎn)
我們經(jīng)常為了用戶體驗(yàn),要求加載時(shí)或者點(diǎn)一下相應(yīng)的按鈕一下把滾動(dòng)條定位到手機(jī)的底部。但是這邊會(huì)有一個(gè)“異步加載”的問(wèn)題。
因?yàn)闈L動(dòng)條在加載,持續(xù)的出現(xiàn)垂直方向的滾動(dòng)條,這已經(jīng)是一個(gè)主事件了。你要一下定位到底部,我們雖然可以調(diào)用ScrollView的FOCUS_DOWN事件。但此時(shí)會(huì)出現(xiàn)點(diǎn)擊無(wú)效即點(diǎn)了后滾動(dòng)條依舊還在加載。
因此我們對(duì)于定位到滾動(dòng)條的底部或者反之頂位到頂部,一定需要使用異步加載機(jī)制。這個(gè)異步加載事件它會(huì)等一會(huì),等主事件結(jié)束-如:還正在加載數(shù)據(jù)完成后,才會(huì)調(diào)用另一個(gè)界面渲染主事件。
我們來(lái)看一個(gè)例子。
例子講解
需求如下:
- 使用ScrollView加載200個(gè)數(shù)據(jù),呈垂直出現(xiàn)滾動(dòng)條;
- 在ScrollView的頂部放一個(gè)TO DOWN按鈕;
- 在ScrollView的底部放一個(gè)TO TOP按鈕;
UI設(shè)計(jì)上這邊要小心一下。我們最外層使用的是LinearLayout,然后內(nèi)嵌一個(gè)ScrollView,在ScrollView內(nèi)部會(huì)有TO DOWN按鈕+TextView+TO TOP按鈕,此時(shí)你一定要在ScrollView內(nèi)部再使用一個(gè)LinearLayout把這3個(gè)組件歸在一起。在此例中我們使用縱向的LinearLayout。
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <ScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:descendantFocusability="blocksDescendants" android:orientation="vertical" > <Button android:id="@+id/buttonToDown" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="To Down" /> <TextView android:id="@+id/textShow" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="" /> <Button android:id="@+id/buttonToTop" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="To Top" /> </LinearLayout> </ScrollView> </LinearLayout>
接著我們寫(xiě)我們后端的交互事件的代碼。
MainActivity.java
package org.mk.android.demo.demoscrollview; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ScrollView; import android.widget.TextView; public class MainActivity extends AppCompatActivity { private Button btnDown; private Button btnUp; private ScrollView scrollView; private TextView txtShow; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bindViews(); } private void bindViews() { btnDown = (Button) findViewById(R.id.buttonToDown); btnUp = (Button) findViewById(R.id.buttonToTop); scrollView = (ScrollView) findViewById(R.id.scrollView); txtShow = (TextView) findViewById(R.id.textShow); StringBuilder sb = new StringBuilder(); for (int i = 1; i <= 200; i++) { sb.append("呵呵 * " + i + "\n"); } txtShow.setText(sb.toString()); btnDown.setOnClickListener(new OnClickListener()); btnUp.setOnClickListener(new OnClickListener()); } private class OnClickListener implements View.OnClickListener{ @Override public void onClick(View v){ switch (v.getId()) { case R.id.buttonToDown: //scrollView.fullScroll(ScrollView.FOCUS_DOWN); scrollView.post(new Runnable() { @Override public void run() { scrollView.fullScroll(ScrollView.FOCUS_DOWN); } }); break; case R.id.buttonToTop: //scrollView.fullScroll(ScrollView.FOCUS_UP); scrollView.post(new Runnable() { @Override public void run() { scrollView.fullScroll(ScrollView.FOCUS_UP); } }); break; } } } }
大家自己去動(dòng)動(dòng)手,試試看這個(gè)體驗(yàn)吧。
到此這篇關(guān)于Android入門(mén)之ScrollView的使用教程的文章就介紹到這了,更多相關(guān)Android ScrollView內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Android UniversalVideoView實(shí)現(xiàn)視頻播放器
這篇文章主要為大家詳細(xì)介紹了Android UniversalVideoView實(shí)現(xiàn)視頻播放器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04android 實(shí)現(xiàn)側(cè)邊彈窗特效代碼
側(cè)邊彈窗是在左邊,需要定位好位置,實(shí)現(xiàn)原理其實(shí)就是進(jìn)出動(dòng)效,用位移加透明度效果來(lái)控制,下面通過(guò)代碼給大家介紹android 實(shí)現(xiàn)側(cè)邊彈窗,需要的朋友參考下吧2021-06-06Android ListView滾動(dòng)到底后自動(dòng)加載數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了Android之ListView滾動(dòng)到底后自動(dòng)加載數(shù)據(jù),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09Android自定義控件開(kāi)發(fā)實(shí)戰(zhàn)之實(shí)現(xiàn)ListView下拉刷新實(shí)例代碼
這篇文章主要介紹了Android自定義控件開(kāi)發(fā)實(shí)戰(zhàn)之實(shí)現(xiàn)ListView下拉刷新實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-04-04