Android实用笔记——使用ProgressBar实现进度条

最新推荐文章于 2024-08-16 10:18:17 发布
最新推荐文章于 2024-08-16 10:18:17 发布
阅读量284 收藏 1
点赞数
文章标签： 移动开发 python java
原文链接：https://my.oschina.net/CoderBleak/blog/718751
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

1、ProgressBar的分类

    可以精确显示进度（可以显示刻度或者精确百分比）

222858_jplA_2725918.png

    不可以精确显示精度（一直转，类似于一个过场动画）

222906_s357_2725918.png

 

2、关键属性和方法

    指定ProgressBar显示风格

        style="?android:attr/progressBarStyleLarge"    大环形进度条

        style="?android:attr/progressBarStyleSmall"    小环形进度条

        style="?android:attr/progressBarStyleHorizontal"    水平进度条

    ProgressBar的关键属性

        android:max="100"    最大显示进度

        android:progress="50"    第一显示进度

        android:secondaryProgress="80"    第二显示进度

        android:indenterminate="true"    设置是否精确显示（true表示不精确显示进度，false表示精确显示进度）

    ProgressBar的关键方法

        setProgress(int)    设置第一进度

        setSecondaryProgress(int)    设置第二进度

        setProgress()    获取第一进度

        getSecondaryProgress()    获取第二进度

        incrementProgressBy(int)    增加或减少第一进度

        incrementSecondaryProgressBy(int)    增加或减少第二进度

        getMax()    获取最大进度

 

3、标题栏中的ProgressBar

package com.example.myandroidprogressbar;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.Window;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        //1、启用窗口特征，启用带进度何不带进度的两种进度条
        requestWindowFeature(Window.FEATURE_PROGRESS);
        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
        
        setContentView(R.layout.activity_main);
        
        //显示两种进度条
        setProgressBarVisibility(true);
        setProgressBarIndeterminateVisibility(true);
        //Max=10000
        setProgress(600);
    }
}

222958_SFgL_2725918.png

    

4、界面中四种不同形式的进度条

    修改activity_main.xml文件如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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" >

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />

    <ProgressBar
        android:id="@+id/progressBar2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/progressBar1"
        android:layout_toRightOf="@+id/progressBar1" />
    
    <ProgressBar
        android:id="@+id/progressBar3"
        style="?android:attr/progressBarStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/horiz"
        android:layout_toRightOf="@+id/progressBar2" />

    <ProgressBar
        android:id="@+id/horiz"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/progressBar1"
        android:layout_below="@+id/progressBar1"
        android:max="100"
        android:progress="50"
        android:secondaryProgress="80" />
      
</RelativeLayout>

234312_dSrB_2725918.png

 

5、通过按钮改变进度条的数值并动态改变

    修改activity_main.xml文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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" >

    <ProgressBar
        android:id="@+id/horiz"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="50"
        android:secondaryProgress="80" />
    
    <Button
        android:id="@+id/add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/horiz"
        android:layout_below="@+id/horiz"
        android:text="@string/add" />

    <Button
        android:id="@+id/reduce"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/add"
        android:layout_below="@+id/add"
        android:text="@string/reduce" />

    <Button
        android:id="@+id/reset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/reduce"
        android:layout_below="@+id/reduce"
        android:text="@string/reset" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/reset"
        android:layout_alignRight="@+id/horiz"
        android:layout_below="@+id/reset"
        android:layout_marginTop="16dp" />


</RelativeLayout>

    修改MainActivity.java文件

package com.example.myandroidprogressbar;

import android.os.Bundle;
import android.R.integer;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener{
	//1、声明部分控件
	private ProgressBar progress;
	private Button add;
	private Button reduce;
	private Button reset;
	private TextView text;	
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);        
        
        setContentView(R.layout.activity_main);

        //2、初始化控件
        init();
    }

	private void init() {
		// TODO Auto-generated method stub
		//3、绑定
		progress=(ProgressBar) findViewById(R.id.horiz);
		add=(Button) findViewById(R.id.add);
		reduce=(Button) findViewById(R.id.reduce);
		reset=(Button) findViewById(R.id.reset);
		text=(TextView) findViewById(R.id.text);
		
		//4、获取各进度条进度
		//获取第一进度条的进度
		//int first=progress.getProgress();
		//湖区第二进度条的进度
		//int second=progress.getSecondaryProgress();
		//获取进度条的最大进度
		//int max=progress.getMax();
		//5、将数据显示到textView中
		//text.setText("第一进度的百分比："+(int)(first/(float)max*100)+
				//"% 第二进度的百分比："+(int)(second/(float)max*100)+"%");
		add.setOnClickListener(this);
		reduce.setOnClickListener(this);
		reset.setOnClickListener(this);
	}

	//6、设置按钮点击响应事件，改变进度条数据
	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		switch(v.getId()){
		case R.id.add:
			//增加第一进度和第二进度10个刻度
			progress.incrementProgressBy(10);
			progress.incrementSecondaryProgressBy(10);
			break;
			
		case R.id.reduce:
			//减少第一进度和第二进度10个刻度
			progress.incrementProgressBy(-10);
			progress.incrementSecondaryProgressBy(-10);
			break;
			
		case R.id.reset:
			//重置
			progress.setProgress(50);
			progress.setSecondaryProgress(80);		
			break;
			
		}
		//7、因为每一次点击都会调用onClick这个函数，并且一定会执行switch这个判断。
		//所以没必要在每一个分支中刷新textView的内容，只需要在switch分支外面写就好了，
		//之前的向textView中写入数据的应该注释掉
		text.setText("第一进度的百分比："+(int)(progress.getProgress()/(float)progress.getMax()*100)+
				"% 第二进度的百分比："+(int)(progress.getSecondaryProgress()/(float)progress.getMax()*100)+"%");
	}
}

004203_5c2u_2725918.png

004225_9oeE_2725918.png

004239_TT7J_2725918.png

 

6、对话框形式的进度条（ProgressDialog）

    修改activity_main.xml文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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" >

    <Button
        android:id="@+id/show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="86dp"
        android:text="显示进度条对话框" />

</RelativeLayout>

    修改MainActivity.java文件

package com.example.myandroidprogressdialog;

import android.os.Bundle;
import android.app.Activity;
import android.app.Dialog;
import android.app.ProgressDialog;
import android.content.DialogInterface;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener{
	//1、声明progressDialog的对象以及按钮
	private ProgressDialog prodialog;
	private Button show;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        init();
    }

	private void init() {
		// TODO Auto-generated method stub
		//2、绑定
		show=(Button) findViewById(R.id.show);
		//3、设置监听器
		show.setOnClickListener(this);
	}

	@Override
	public void onClick(View arg0) {
		// TODO Auto-generated method stub
		//4、设置页面显示风格
		//新建progressDialog对象
		prodialog=new ProgressDialog(MainActivity.this);
		//给对话框设置显示风格
		prodialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
		//设置标题
		prodialog.setTitle("哈哈哈");
		//设置对话框里的而文字信息
		prodialog.setMessage("我好聪明啊");
		//设置图标
		prodialog.setIcon(R.drawable.ic_launcher);
		
		//5、设定关于progressBar的一些属性
		//设定最大进度
		prodialog.setMax(100);
		//设定初始化进度
		prodialog.incrementProgressBy(50);
		//进度条是明确显示进度的
		prodialog.setIndeterminate(false);
		
		//6、设定一个确定按钮
		prodialog.setButton(DialogInterface.BUTTON_POSITIVE, "确定", new DialogInterface.OnClickListener() {
			
			@Override
			public void onClick(DialogInterface dialog, int which) {
				// TODO Auto-generated method stub
				Toast.makeText(MainActivity.this,"快点爱上我", Toast.LENGTH_SHORT);
			}
		});
		
		//7、是否可以通过返回按钮退出对话框
		prodialog.setCancelable(true);
		
		//8、显示progressDialog
		prodialog.show();
	}
    
}

011252_eNBC_2725918.png、

011300_wObr_2725918.png

 

7、自定义ProgressBar的样式

    首先我们需要知道系统预定义的水平进度条的样式是如何加载的。这样我们需要回到activity_main.xml文件中来。

    我们注意到下面一行代码：

        style="?android:attr/progressBarStyleHorizontal"

    事实上，他真正的加载文件位于

        style="@android:style/Widget.ProgressBar.Horizontal"

    我们通过ctrl+鼠标左键点击引号中的位置，就可以看到系统自带的横向进度条的样式

    <style name="Widget.ProgressBar.Horizontal">
        <item name="android:indeterminateOnly">false</item>
        <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>
        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
        <item name="android:minHeight">20dip</item>
        <item name="android:maxHeight">20dip</item>
        <item name="android:mirrorForRtl">true</item>
    </style>

    其中的android:progressDrawable可以去加载一个自己自定义的布局样式的一个文件。我们同样用ctrl+鼠标左键打开这里的样式文件，看看系统是如何设定的

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--背景  -->
    <item android:id="@android:id/background">
        <shape>
            <!--圆角  -->
            <corners android:radius="5dip" />
            <!--渐变色  -->
            <gradient
                    <!--起始颜色  -->
                    android:startColor="#ff9d9e9d"
                    <!--中间颜色  -->
                    android:centerColor="#ff5a5d5a"
                    android:centerY="0.75"
                    <!--终止颜色  -->
                    android:endColor="#ff747674"
                    android:angle="270"
            />
        </shape>
    </item>
    
    <!--第二进度条  -->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#80ffd300"
                        android:centerColor="#80ffb600"
                        android:centerY="0.75"
                        android:endColor="#a0ffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
    <!--第一进度条  -->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#ffffd300"
                        android:centerColor="#ffffb600"
                        android:centerY="0.75"
                        android:endColor="#ffffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
</layer-list>

    不难发现，我们可以自己对他的颜色进行修改，以达到自定义的目的。这里我简单把颜色修改了一下

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--背景  -->
    <item android:id="@android:id/background">
        <shape>
            <!--圆角  -->
            <corners android:radius="5dip" />
            <!--渐变色  -->
            <gradient
                    <!--起始颜色  -->
                    android:startColor="#B9A4FF"
                    <!--中间颜色  -->
                    android:centerColor="#C6B7FF"
                    android:centerY="0.75"
                    <!--终止颜色  -->
                    android:endColor="#C3B2FF"
                    android:angle="270"
            />
        </shape>
    </item>
    
    <!--第二进度条  -->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#57E8FF"
                        android:centerColor="#74EBFF"
                        android:centerY="0.75"
                        android:endColor="#8EEFFF"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
    <!--第一进度条  -->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                        android:startColor="#ffffd300"
                        android:centerColor="#ffffb600"
                        android:centerY="0.75"
                        android:endColor="#ffffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
</layer-list>

    运行即可得到自定义进度条的结果，可自行与本文之前的截图对比，可以看到很明显的差别，尽管颜色丑了点。

013724_bKTV_2725918.png

    希望大家能以小见大，做一些更有意思的尝试。

转载于:https://my.oschina.net/CoderBleak/blog/718751

weixin_34384681
关注
android拖动进度条,Android实用笔记——使用SeekBar制作可拖动的进度条
weixin_36186183的博客
05-28 2204
1、介绍：SeekBar：听歌的时候，我们常常喜欢快进或者快退去听自己喜欢的片段；喜欢控制音量到舒适的大小。SeekBar可以通过滑块的位置来标识数值，而且拖动条允许用户拖动滑块来改变进度值的大小。2、SeekBar的主要属性和方法：setMax 设置SeekBar的最大值setProgress 设置SeekBar当前的数值setSecondaryProgress 设置SeekB...
Android学习笔记——归纳整理
Yawn
04-21 9082
Android入门笔记——归纳总结
Android中使用ProgressBar实现进度条
04-25
Android中使用ProgressBar实现进度条，详细了解请移步：http://blog.csdn.net/zxc514257857/article/details/70557872
Android学习笔记之progressBar(进度条)
com_xpp的专栏
01-23 157
一、说明 &lt;1&gt;在某项延续性工作的进展过程中为了不让用户觉得程序死掉了，需要有个活动的进度条，表示此过程正在进行中。 &lt;2&gt;在某些操作的进度中的可视指示器，为用户呈现操作的进度，还它有一个次要的进度条，用来显示中间进度，如在流媒体播放的缓冲区的进度。一个进度条也可不确定其进度。在不确定模式下，进度条显示循环动画。这种模式常用于应用程序使用任务的长度是未知的。 二、XM...
Android开发-ProgressBar讲解
最新发布
ban_ni_zuo_you的博客
08-16 342
安卓开发中，ProgressBar用来设置进度条。
android 进度条(ProgressBar)
低级写手 我自由了
11-19 194
当一个应用在后台执行时，前台界面就不会有什么信息，这时用户根本不知道程序是否在执行、执行进度如何、应用程序是否遇到错误终止等，这时需要使用进度条来提示用户后台程序执行的进度。Android系统提供了两大类进度条样式，长形进度条(progress-BarStyleHorizontal) 和圆形进度条(progressBarStyleLarge)。进度条用处很多，比如，应用程序装载资源和网络...
Android 之 ProgressBar (进度条)
leyang0910的博客
06-05 5873
相信你看完2会吐槽，卧槽，这么坑爹，拿个动画来坑人，哈哈，实际开发中都这样，当然上述 这种情况只适用于不用显示进度的场合，如果要显示进度的场合就没用处了，好吧，接下来看下 网上一个简单的自定义圆形进度条！代码还是比较简单，容易理解，又兴趣可以看看，或者进行相关扩展~运行效果图：实现代码：/***///目标值，想改多少就改多少init();init();init();//完成相关参数初始化。
Android-ProgressBar进度条
ED_LAI的博客
08-28 168
演示例子：动态加载进度activity_progress_bar.xml中添加进度条，引入样式。设置渐变样式，progress_shape.xml, progress_color.xml。
Android学习笔记之——ProgressBar&ProgressDialog
ZYALLZ的博客
09-17 228
ProgressBar
Android自定义控件：进度条的四种实现方式
超宇的博客
02-23 5426
前三种实现方式代码出自： http://stormzhang.com/openandroid/2013/11/15/android-custom-loading/ （源码在最后） 最近一直在学习自定义控件，搜了许多大牛们Blog里分享的小教程，也上GitHub找了一些类似的控件进行学习。发现读起来都不太好懂，就想写这么一篇东西作为学习笔记吧。
Android课堂学习笔记——课后练习
King_HT96的博客
03-12 314
用AsyncTask实现进度条界面 步骤 在xml中创建控件 在java创建控件对象 绑定id 设置监听 新建一个内部类MyTask继承AsyncTask 在doInBackground方法中执行耗时操作 子线程运行中调用onProgressUpdate方法来更新主线程 耗时操作执行后，调用onPostExecute方法 public class MainActivity extends...
android Progressbar
07-09
android progressBar test
Android代码-progressBar
08-06
自定义progressbar http://write.blog.csdn.net/postedit/52090094 主要是分段时progressbar的颜色不一样 Canvas：https://developer.android.com/reference/android/graphics/Canvas.html mProgressbarView.setProgress(30,true); 和 mProgressbarView.setProgress(50); 同一个控件只能调用一个 使用 ： compile 'com.cl.slack:progressbar:1.0.0' <!-- 控件宽度 --> <!-- 控件官高度 --> <!-- 控件progress最大值 --> <!-- 当前 progress value --> <!-- 控件类型 矩形，圆，圆角矩形 --> <!-- progress 进度条颜色 --> <!-- progress 背景 颜色 --> <!-- progress 分段
ProgressBar 水平进度条（初步）
xidajiancun
12-25 167
&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_par
Android:ProgressBar 进度条
ATM的专栏
08-06 450
进度条的运用还算比较多，比如说我们下载APP时，都会有进度条。不多说，直接上代码。MainActivity.javapackage com.example.progressbartest;import android.os.Bundle; import android.os.Handler; import android.app.Activity; import android.view.View;
Android ProgressBar 进度条
SongYuLong
02-06 661
ProgressBar 通过style属性可以指定ProgressBar的风格： @android:style/Widget.ProgressBar.Horizontal:水平进度条 @android:style/Widget.ProgressBar.Inverse:普通大小的环形进度条 @android:style/Widget.ProgressBar.Large:大环形进度条 @and
Android ProgressBar进度条
weixin_42630638的博客
06-16 344
1.XML布局 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:textSize="20sp" android:layout_marginTo..
[Android]ProgressBar进度条
weixin_63357306的博客
02-01 5064
ProgressBar是进度条控件，ProgressBar的应用场景很多，比如用户登录时，后台发送请求，以及进行等待服务器返回信息等一些比较耗时的操作。这个时候如果没有提示，用户可能会以为程序崩溃了或手机死机了，会大大降低用户体验，所有在需要进行耗时操作的地方，添加上进度条，让用户知道当前的程序正在执行，也可以直观地告诉用户当前任务的执行进度。在使用ProgressBar控件时，我们经常要控制它的消失和显示，这时可以设置visibility属性。gone：表示控件不可见，但不会占用原来的位置和大小。
使用progressbar实现进度条
04-20
好的，使用progressbar实现进度条可以通过以下代码实现： ``` from tkinter import Tk, Label, Button, ttk from time import sleep def start_progressbar(): # 启动进度条 progress_bar.start() def stop_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值