快捷導(dǎo)航

Android開(kāi)發(fā)基礎(chǔ)使用ProgressBar加載進(jìn)度條示例

更新時(shí)間：2023年02月05日 10:16:44 作者：ObliviateOnline

這篇文章主要介紹了安卓開(kāi)發(fā)基礎(chǔ)使用ProgressBar加載進(jìn)度條示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

前言

之前我們用過(guò)WebView類，打開(kāi)網(wǎng)頁(yè)時(shí)就會(huì)出現(xiàn)加載網(wǎng)頁(yè)的情況，為了讓我們直觀的感受到網(wǎng)頁(yè)加載到什么程度而不是白白干等著空白頁(yè)，于是加載進(jìn)度條就是一個(gè)很好的展示方式，而通常情況下，當(dāng)我們的數(shù)據(jù)未加載完成時(shí)就會(huì)去使用進(jìn)度條，而ProgressBar就是用于界面上顯示進(jìn)度條的，下面讓我們看看這個(gè)控件的使用方法。

使用方法

首先我們將ProgressBar控件加到布局中：

<?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=".WebViewTest">
    ...
    <ProgressBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</LinearLayout>

然后運(yùn)行程序就會(huì)發(fā)現(xiàn)我們的這個(gè)頁(yè)面上會(huì)加載這個(gè)進(jìn)度條的圈：

但我們會(huì)發(fā)現(xiàn)，這個(gè)圈一直在加載，所以就需要我們對(duì)這個(gè)控件進(jìn)行控制，正常情況下應(yīng)該在數(shù)據(jù)未加載完成前顯示，加載完成后隱藏控件的，直接用setVisibility()方法來(lái)實(shí)現(xiàn)即可，我們這邊簡(jiǎn)化一下，通過(guò)點(diǎn)擊頁(yè)面按鈕來(lái)顯示和隱藏：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/vWebView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <Button
        android:id="@+id/vClick"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button"
        android:layout_gravity="center"/>
</FrameLayout>

binding.vClick.setOnClickListener {
    if (binding.progressBar.visibility == View.VISIBLE) {
        binding.progressBar.visibility = View.GONE
    } else {
        binding.progressBar.visibility = View.VISIBLE
    }
}

效果如下：

但是正常來(lái)說(shuō)，web頁(yè)面我們一般不使用圈的方式，而是條形，其實(shí)很簡(jiǎn)單，只要改ProgressBar控件在XML布局中的一個(gè)屬性：

<ProgressBar
    android:id="@+id/progressBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="?android:attr/progressBarStyleHorizontal"
    android:max="100"
    />

將它的style改為水平進(jìn)度條，進(jìn)度條最大長(zhǎng)度設(shè)置為100，然后在Activity中代碼控制這個(gè)進(jìn)度長(zhǎng)度即可：

binding.vClick.setOnClickListener {
//            if (binding.progressBar.visibility == View.VISIBLE) {
//                binding.progressBar.visibility = View.GONE
//            } else {
//                binding.progressBar.visibility = View.VISIBLE
//            }
            if (binding.progressBar.progress == 0) {
                binding.progressBar.visibility = View.VISIBLE
            }
            binding.progressBar.progress = binding.progressBar.progress + 10
            if (binding.progressBar.progress == 100) {
                binding.progressBar.progress = 0
                binding.progressBar.visibility = View.GONE
            }
        }

效果如下：

總結(jié)

本篇主要是介紹了進(jìn)度條ProgressBar控件的基本使用方法，這個(gè)控件的應(yīng)用場(chǎng)景非常多，而且現(xiàn)在也有很多封裝好更漂亮的控件，當(dāng)我們需要獲取數(shù)據(jù)去加載時(shí)就適合去展示一段加載圈形式的進(jìn)度條，再配合Dialog的效果，就能讓用戶感覺(jué)到數(shù)據(jù)的加載過(guò)程，這應(yīng)該也是數(shù)據(jù)可視化的一種應(yīng)用吧！

以上就是Android開(kāi)發(fā)基礎(chǔ)使用ProgressBar加載進(jìn)度條示例的詳細(xì)內(nèi)容，更多關(guān)于Android ProgressBar加載進(jìn)度條的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: