日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后，達(dá)者為師

網(wǎng)站首頁 編程語言 正文

Android入門之ScrollView的使用教程_Android

作者：TGITCIC ? 更新時(shí)間： 2022-12-10 編程語言

介紹

ScrollView(滾動(dòng)條)，它有兩種“滾動(dòng)條”：

  • 豎直滾動(dòng)條；
  • 水平方向上的滾動(dòng)條：HorizontalScrollView；

我們經(jīng)常可以看到在手機(jī)里正在垂直加載一堆的數(shù)據(jù)，然后過一會(huì)加載得內(nèi)容過多，到了手機(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è)“異步加載”的問題。

因?yàn)闈L動(dòng)條在加載，持續(xù)的出現(xiàn)垂直方向的滾動(dòng)條，這已經(jīng)是一個(gè)主事件了。你要一下定位到底部，我們雖然可以調(diào)用ScrollView的FOCUS_DOWN事件。但此時(shí)會(huì)出現(xiàn)點(diǎn)擊無效即點(diǎn)了后滾動(dòng)條依舊還在加載。

因此我們對(duì)于定位到滾動(dòng)條的底部或者反之頂位到頂部，一定需要使用異步加載機(jī)制。這個(gè)異步加載事件它會(huì)等一會(huì)，等主事件結(jié)束-如：還正在加載數(shù)據(jù)完成后，才會(huì)調(diào)用另一個(gè)界面渲染主事件。

我們來看一個(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>

接著我們寫我們后端的交互事件的代碼。

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)吧。

原文鏈接：https://blog.csdn.net/lifetragedy/article/details/127790550

欄目分類
最近更新