14.ProcessBar进度条的应用实例：模拟两个进度条加载

最新推荐文章于 2022-09-18 11:10:55 发布
最新推荐文章于 2022-09-18 11:10:55 发布
阅读量718 收藏
点赞数
分类专栏： Android 实践小项目 Android初学实例 文章标签： 实例 控件
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_36631076/article/details/78269467
版权
本文通过实例介绍了如何运用ProgressBar控件创建条形和圆形的进度条，并详细阐述了页面布局及事件响应的设置。在点击开始按钮后，进度条显现并随着增加按钮的点击逐渐填充，达到100%时自动消失，重新开始按钮可重置进度。
摘要由CSDN通过智能技术生成

1.效果描述

在该页面中，有两种进度条的样式：条形和圆形，当我点击开始按钮的时候，进度条出现。然后我们手动点击增加按钮，每次增加10（共100）；当进度条的值大于100时，加载完成，进度条消失；此时如果点击重新开始按钮，用户将可以继续点击增加按钮为进度条控制。
目标效果如下图所示：
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

2.页面布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:background="@drawable/bg" >

    <LinearLayout 
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView 
        android:id="@+id/t1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="开始加载"
        android:textSize="24dp"
        android:textColor="#FFFFFF"/>

        <ProgressBar 
        android:id="@+id/hor"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:max="100"
        style="@android:style/Widget.ProgressBar.Horizontal"/>
    </LinearLayout>

    <LinearLayout 
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView 
        android:id="@+id/t2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="开始加载"
        android:textSize="24dp"
        android:textColor="#FFFFFF"/>

        <ProgressBar 
        android:id="@+id/circle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:max="100"
        style="?android:attr/progressBarStyleLarge"/>
    </LinearLayout>

    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="20dp">

        <Button 
            android:id="@+id/start"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="开始"
            android:textSize="24dp"
            android:textColor="#FFFFFF"/>

        <Button 
            android:id="@+id/add"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="增加"
            android:textSize="24dp"
            android:textColor="#FFFFFF"
            android:layout_marginLeft="20dp"/>

        <Button 
            android:id="@+id/restart"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="重新开始"
            android:textSize="24dp"
            android:textColor="#FFFFFF"
            android:layout_marginLeft="20dp"/>
    </LinearLayout>

</LinearLayout>

3.事件响应

package com.example.processbardemo;

import android.os.Bundle;
import android.app.Activity;
import android.content.pm.FeatureInfo;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;

public class MainActivity extends Activity 
{
    ProgressBar hor=null;
    ProgressBar circle=null;
    Button start,add,restart;
    TextView t1,t2;
    int status=0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //获取所有的控件
        hor=(ProgressBar) findViewById(R.id.hor);
        circle=(ProgressBar) findViewById(R.id.circle);
        start=(Button) findViewById(R.id.start);
        add=(Button) findViewById(R.id.add);
        restart=(Button) findViewById(R.id.restart);
        t1=(TextView) findViewById(R.id.t1);
        t2=(TextView) findViewById(R.id.t2);

        //先设置开始看到的界面：两个进度条不可见，只有一个开始按钮
        hor.setVisibility(View.GONE);
        circle.setVisibility(View.GONE);
        add.setVisibility(View.GONE);
        restart.setVisibility(View.GONE);

        //为开始按钮添加动作事件
        start.setOnClickListener(new OnClickListener()
        {

            public void onClick(View arg0) 
            {
                //两个文本框显示正在加载，两个进度条可见，增加按钮出现，开始按钮消失
                t1.setText("正在加载");
                t2.setText("正在加载");
                hor.setVisibility(View.VISIBLE);
                circle.setVisibility(View.VISIBLE);
                add.setVisibility(View.VISIBLE);
                start.setVisibility(View.GONE);
            }
        });


        //为增加按钮设置相应的动作事件
        add.setOnClickListener(new OnClickListener()
        {
            public void onClick(View arg0)
            {
                if(status==0)
                {
                    //先为水平进度条的第二进度开始赋值
                    hor.setSecondaryProgress(status+10);

                }else if(status<=100)
                {
                    hor.setProgress(status);
                    hor.setSecondaryProgress(status);
                    circle.setProgress(status);
                }else
                {
                    //此时，进度条加载完成,变成重新开始的页面
                    t1.setText("加载完成");
                    t2.setText("加载完成");
                    hor.setVisibility(View.GONE);
                    circle.setVisibility(View.GONE);
                    add.setVisibility(View.GONE);
                    restart.setVisibility(View.VISIBLE);
                    status=0;
                }
                status+=10;
            }
        });

        //为重新开始按钮添加相应的动作事件
        restart.setOnClickListener(new OnClickListener()
        {
            public void onClick(View arg0) 
            {
                //跳转到增加页面
                add.setVisibility(View.VISIBLE);
                restart.setVisibility(View.GONE);
                t1.setText("正在加载");
                t2.setText("正在加载");
                hor.setProgress(0);
                circle.setProgress(0);
                hor.setVisibility(View.VISIBLE);
                circle.setVisibility(View.VISIBLE);
                hor.setProgress(0);
                circle.setProgress(0);

            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}
小龙
关注
专栏目录
vbs做一个会动的进度条_几行代码就可以轻松给你的程序加上进度条
weixin_39880328的博客
11-25 3492
迷人的进度条进度条是一个过程剩余时间的可视化表示。它们使您不必担心进程是否挂起，也不必尝试预测代码的进展情况。您可以实时直观地看到脚本进行得有多好!如果您以前从未考虑过或使用过进度条，那么很容易认为它们会给您的代码增加不必要的复杂性，并且很难维护。这与事实相去甚远。通过几行代码，我们将看到如何向命令行脚本添加进度条。使用Progress库首先要使用的python库是Progress。您所需要做的就...
两个进度条小插件
11-16
一个条形进度条和一个圆形进度条,可以自己设置样式和运动时间,只需要一个容器就可以了,传的参数注解中已经写好了.如有建议请与我联系,谢谢!
两个进度条
daijunyiluoshiyong的博客
10-08 462
package button2; import java.awt.BorderLayout; import javax.swing.JFrame; import javax.swing.JProgressBar; public class getmain extends JFrame{  /**   *   */  private static final long serial
Process插件：typecho加载页面进度条插件
banzhuan678的博客
05-14 429
介绍： typecho加载页面进度条插件 这是一款适用于typecho任何主题的加载页面进度条，可以让你的博客加载时显得更加顺滑而不会显得过于突兀,使用本插件可以很好得起到视觉缓冲的作用。 本插件有十种颜色可以进行更改，分别是黑、蓝、绿、橙、粉红、紫、银、白、黄。 并有十五种主题进行更改，理发店型、萌萌哒跳跃型、大字号数字型、居中常规型等。 网盘下载地址： http://kekewl.net/XRLAeFRxBQ80 图片： ...
进度条加载控件
08-27
进度条加载控件
VC++进度条process Bar的用法实例
09-04
在VC++编程中，进程条（Process Bar）通常被称为进度条，用于显示应用程序执行过程中的进度，给予用户反馈，让他们了解任务完成的进度。在本文中，我们将深入探讨如何在VC++中使用进度条控件，以提高用户体验。 ...
qt--processbar.tar.gz_QTTarbar_qt processbar_qt 进度条_qt里的processb
09-23
在Qt框架中，进度条（ProcessBar）是一个非常常见的组件，用于展示任务的完成进度，为用户提供关于程序执行状态的视觉反馈。`qt--processbar.tar.gz` 包含了一个名为 `QTarbar` 的项目，它专注于创建具有特色的...
Qt自定义控件实现圆圈加载进度条
12-23
本文实例为大家分享了Qt实现圆圈加载进度条的具体代码，供大家参考，具体内容如下 先看效果图： 思路：画一个占270度的圆弧，然后定义一个定时器，定时旋转坐标系，实现旋转的效果。圆弧需要使用渐变色，实现颜色...
MFC-Progress-bar-control.rar_MFC progress_MFC 进度条_mfc progress b
07-14
MFC进度条使用，本实例实现了一个渐变颜色的进度条。
c#使用进度条加载主界面
08-01
采用进度条主界面，可详细反应主界面每一步加载情况（主要采用委托以及线程）
使用2个按钮一个文本控件，实现进度条颜色自定义
12-05
WinForm默认的进度条不能修改颜色，网上提供的两种方法：1，重新OnPait；2，屏蔽Application.EnableVisualStyles();而我通过两个按钮和一个文本控件，简单高效的实现了进度条功能。
自定义dialog实现processDialog“正在加载”效果
11-03
Android提高篇之自定义dialog实现processDialog“正在加载”效果、使用Animation实现图片旋转源码。 知识点： 1、使用imageview、textview自定义dialog 2、使用Animation实现图片旋转动画效果 3、通过自定义theme去掉dialog的title。 没有使用progressdialog，使用起来更加灵活，请大家参考。
vbs脚本的例子（适合初学者）
05-14
已经会的，不要下了。已经会的，不要下了。已经会的，不要下了。已经会的，不要下了。
vbs如何写进度条_[转载]批处理文件的编写12-模拟进度条效果
weixin_39860732的博客
12-20 1131
动化效果演示：将下面示例的内容保存为 .BAT 文件：::模拟进度条效果示例1：@echo off&color2f&title 本程序仅用于“模拟进度条效果”的演示-寒夜孤星【初学者】echo.echo.set hanye=───────for /L %%j in (1 1 62) do set /p gu=*echo.echo *本程序仅用于“模拟进度条效果”的演示-寒夜孤星【...
WinForm中 事件 委托 多线程的应用【以一个下载进度条为例】
weixin_33701617的博客
08-08 129
第一步：首先我们创建一个winfor的项目 第二步：我们建一个窗体 在一个窗体里面 打开一个另外的窗体 另外的窗体有一个按钮 点击后就开始下载 下载完成后 在注册窗体上面 显示下载完成（达到在一个窗体里面修改另外的一个窗体） private void button1_Click(object sender, EventArgs e) { ...
Android 对话框中的进度条 (ProgressDialog)
小Q的专栏
05-15 580
显然要定义对话框进度条就要用ProgressDialog，首先我们需要创建ProgressDialog对象，当然这里同样使用了线程来控制进度条显示，另外可以使用以下方法来设置ProgressDialog。 　　setProgressStyle：设置进度条风格，风格为圆形，旋转的。 　　setTitlt：设置ProgressDialog 标题 　　setMessage：设置ProgressDi
简洁进度条bar，适用左右两边进度显示
zhan10001的博客
02-16 1000
如图效果 分析原理，自定义view，先画一条蓝底线，再画一条红色线。红线长度根据输入的进度绘制长度。 代码如下： public class ZhiBoBar extends View { private float num = 0.5f; private Context mContext; //平均分成100份； private
vb.net 自定义progressbar
superfans98的专栏
09-18 1276
背景色，前景色，字体，字号，字色，字的对齐方式都可以设置。
android 控件之ProgressBar实现双进度条（通常用于流媒体的缓冲区进度）
u014649337的专栏
03-04 3409
下面详细介绍ProgressBar 一、说明 　　在某些操作的进度中的可视指示器，为用户呈现操作的进度，还它有一个次要的进度条，用来显示中间进度，如在流媒体播放的缓冲区的进度。一个进度条也可不确定其进度。在不确定模式下，进度条显示循环动画。这种模式常用于应用程序使用任务的长度是未知的。 二、XML重要属性 　　　　android:progress
用Tk::processbar写一个进度条
最新发布
06-08
下面是一个使用 Tk::ProgressBar 模块编写的简单进度条示例： ``` use Tk; use Tk::ProgressBar; my $mw = MainWindow->new; $mw->geometry('300x100'); my $progress = $mw->ProgressBar( -from => 0, -to => ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值