devbox
小小林熬夜学编程
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android进度条ProgressBar使用详解_android progressbar

作者：小小林熬夜学编程 | 2024-04-21 04:45:05

赞

踩

android progressbar

先介绍一下ProgressBar几种比较常用的属性

布局中设置：

  1. android:max="100" ——最大显示进度
  2. android:progress="50"——第一显示进度
  3. android:secondaryProgress="80"——第二显示进度
  4. android:indeterminate="true"——设置是否精确显示，true表示不精确显示进度，false表示精确显示进度

使用Java代码设置：

  1. setProgress(int) //设置第一进度
  2. setSecondaryProgress(int) //设置第二进度
  3. getProgress() //获取第一进度
  4. getSecondaryProgress() //获取第二进度
  5. incrementProgressBy(int) //增加或减少第一进度
  6. incrementSecondaryProgressBy(int) //增加或减少第二进度
  7. getMax() //获取最大进度

        对普通进度条和提示框进度条就不详细说明了，后面有一个例子，会有几种进度条的使用方法，在代码中有详细的注释。这里介绍一下自定义进度条的实现，以水平进度条为例。

1、在布局文件中的style属性就是设置进度条样式的

  1. <ProgressBar
  2.         android:id="@+id/progressBar1"
  3.         style="?android:attr/progressBarStyleHorizontal"
  4.         android:layout_width="match_parent"
  5.         android:layout_height="wrap_content" />

2、实际上面的背景文件是位于@android:style/Widget.ProgressBar.Horizontal，既上面的布局可以写成

  1. <ProgressBar
  2.         android:id="@+id/progressBar1""
  3.         style="@android:style/Widget.ProgressBar.Horizontal"
  4.         android:layout_width="match_parent"
  5.         android:layout_height="wrap_content" />

3、查看系统中的水平进度条风格文件

  1. <style name="Widget.ProgressBar.Horizontal">
  2.         <item name="android:indeterminateOnly">false</item>
  3.         <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>
  4.         <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
  5.         <item name="android:minHeight">20dip</item>
  6.         <item name="android:maxHeight">20dip</item>
  7. </style>

4、上面的android:progressDrawable属性是设置进度条背景，进入查看

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- Copyright (C) 2008 The Android Open Source Project
  4.      Licensed under the Apache License, Version 2.0 (the "License");
  5.      you may not use this file except in compliance with the License.
  6.      You may obtain a copy of the License at
  8.           http://www.apache.org/licenses/LICENSE-2.0
  10.      Unless required by applicable law or agreed to in writing, software
  11.      distributed under the License is distributed on an "AS IS" BASIS,
  12.      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13.      See the License for the specific language governing permissions and
  14.      limitations under the License.
  15. -->
  16.  
  17. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  18.     
  19.     <item android:id="@android:id/background">
  20.         <shape>
  21.             <corners android:radius="5dip" />
  22.             <gradient
  23.                     android:startColor="#ff9d9e9d"
  24.                     android:centerColor="#ff5a5d5a"
  25.                     android:centerY="0.75"
  26.                     android:endColor="#ff747674"
  27.                     android:angle="270"
  28.             />
  29.         </shape>
  30.     </item>
  31.     
  32.     <item android:id="@android:id/secondaryProgress">
  33.         <clip>
  34.             <shape>
  35.                 <corners android:radius="5dip" />
  36.                 <gradient
  37.                         android:startColor="#80ffd300"
  38.                         android:centerColor="#80ffb600"
  39.                         android:centerY="0.75"
  40.                         android:endColor="#a0ffcb00"
  41.                         android:angle="270"
  42.                 />
  43.             </shape>
  44.         </clip>
  45.     </item>
  46.     
  47.     <item android:id="@android:id/progress">
  48.         <clip>
  49.             <shape>
  50.                 <corners android:radius="5dip" />
  51.                 <gradient
  52.                         android:startColor="#ffffd300"
  53.                         android:centerColor="#ffffb600"
  54.                         android:centerY="0.75"
  55.                         android:endColor="#ffffcb00"
  56.                         android:angle="270"
  57.                 />
  58.             </shape>
  59.         </clip>
  60.     </item>
  61.     
  62. </layer-list>

5、可以看到，上面文件中的3个item标签分别是设置：进度条、第二进度条、第一进度条的背景色。这里我们在drawable文件夹下新建一个progress_bar.xml文件，将上面的代码复制进来，并修改背景色。注意：最外层标签是否一致，我在复制时只复制了3个item，结果总是报错，找了半天才找到原因。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  3.     <!-- 进度条背景色 -->
  4.     <item android:id="@android:id/background">
  5.         <shape>
  6.             <corners android:radius="5dip" />
  7.             <gradient
  8.                     android:startColor="#ff9d9e9d"
  9.                     android:centerColor="#ff5a5d5a"
  10.                     android:centerY="0.75"
  11.                     android:endColor="#ff747674"
  12.                     android:angle="270"
  13.             />
  14.         </shape>
  15.     </item>
  16.     
  17.     <!-- 第二进度条 -->
  18.     <item android:id="@android:id/secondaryProgress">
  19.         <clip>
  20.             <shape>
  21.                 <corners android:radius="5dip" />
  22.                 <gradient
  23.                         android:startColor="#b9a4ff"
  24.                         android:centerColor="#c6b7ff"
  25.                         android:centerY="0.75"
  26.                         android:endColor="#c3b2ff"
  27.                         android:angle="270"
  28.                 />
  29.             </shape>
  30.         </clip>
  31.     </item>
  32.     
  33.     <!-- 第二进度条 -->
  34.     <item android:id="@android:id/progress">
  35.         <clip>
  36.             <shape>
  37.                 <corners android:radius="5dip" />
  38.                 <gradient
  39.                         android:startColor="#57e8ff"
  40.                         android:centerColor="#74ebff"
  41.                         android:centerY="0.75"
  42.                         android:endColor="#8eefff"
  43.                         android:angle="270"
  44.                 />
  45.             </shape>
  46.         </clip>
  47.     </item>
  48. </layer-list>

6、在布局文件中设置自定义背景增加android:progressDrawable="@drawable/progress_bar"属性设置

  1. <ProgressBar
  2.         android:id="@+id/progressBar1"
  3.         style="@android:style/Widget.ProgressBar.Horizontal"
  4.         android:progressDrawable="@drawable/progress_bar"
  5.         android:layout_width="match_parent"
  6.         android:layout_height="wrap_content" />

        上面的自定义进度条只是修改了一下背景颜色，如果同时修改其他属性，还可以将进度条风格也在自己的style.xml文件中重新定义使用。

        下面是一个完整的进度条使用代码，注释比较详细，自定义进度条直接使用上面的progress_bar的设置。
1、布局文件

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent" >
  5.  
  6.     <ProgressBar
  7.         android:id="@+id/progressBar1"
  8.         style="?android:attr/progressBarStyleLarge"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:layout_alignParentLeft="true"
  12.         android:layout_alignParentTop="true" />
  13.  
  14.     <ProgressBar
  15.         android:id="@+id/progressBar2"
  16.         android:layout_width="wrap_content"
  17.         android:layout_height="wrap_content"
  18.         android:layout_alignParentLeft="true"
  19.         android:layout_below="@+id/progressBar1" />
  20.  
  21.     <ProgressBar
  22.         android:id="@+id/progressBar3"
  23.         style="?android:attr/progressBarStyleSmall"
  24.         android:layout_width="wrap_content"
  25.         android:layout_height="wrap_content"
  26.         android:layout_alignParentLeft="true"
  27.         android:layout_below="@+id/progressBar2" />
  28.  
  29.     <ProgressBar
  30.         android:id="@+id/progressBar4"
  31.         android:max="100"
  32.         android:progress="50"
  33.         android:secondaryProgress="80"
  34.         style="?android:attr/progressBarStyleHorizontal"
  35.         android:layout_width="match_parent"
  36.         android:layout_height="wrap_content"
  37.         android:layout_alignParentLeft="true"
  38.         android:layout_below="@+id/progressBar3" />
  39.  
  40.     <Button
  41.         android:id="@+id/button1"
  42.         android:layout_width="wrap_content"
  43.         android:layout_height="wrap_content"
  44.         android:layout_alignParentLeft="true"
  45.         android:layout_below="@+id/progressBar4"
  46.         android:text="增加" />
  47.  
  48.     <Button
  49.         android:id="@+id/button2"
  50.         android:layout_width="wrap_content"
  51.         android:layout_height="wrap_content"
  52.         android:layout_below="@+id/progressBar4"
  53.         android:layout_toRightOf="@+id/progressBar1"
  54.         android:text="减少" />
  55.  
  56.     <Button
  57.         android:id="@+id/button3"
  58.         android:layout_width="wrap_content"
  59.         android:layout_height="wrap_content"
  60.         android:layout_alignBaseline="@+id/button2"
  61.         android:layout_alignBottom="@+id/button2"
  62.         android:layout_toRightOf="@+id/button2"
  63.         android:text="重置" />
  64.  
  65.     <TextView
  66.         android:id="@+id/textView1"
  67.         android:layout_width="match_parent"
  68.         android:layout_height="wrap_content"
  69.         android:layout_alignParentLeft="true"
  70.         android:layout_below="@+id/button1"
  71.         android:text="TextView" />
  72.  
  73.     <Button
  74.         android:id="@+id/button4"
  75.         android:layout_width="wrap_content"
  76.         android:layout_height="wrap_content"
  77.         android:layout_alignParentLeft="true"
  78.         android:layout_below="@+id/textView1"
  79.         android:text="对话框进度条" />
  80.     
  81.     <ProgressBar
  82.         android:id="@+id/progressBar5"
  83.         android:max="100"
  84.         android:progress="50"
  85.         android:secondaryProgress="80"
  86.         style="@android:style/Widget.ProgressBar.Horizontal"
  87.         android:progressDrawable="@drawable/progress_bar"
  88.         android:layout_width="match_parent"
  89.         android:layout_height="wrap_content"
  90.         android:layout_alignParentLeft="true"
  91.         android:layout_below="@+id/button4" />
  92.     
  93. </RelativeLayout>

2、Java代码中进度条功能实现

  1. package com.cx.testdemo;
  2.  
  3. import android.app.Activity;
  4. import android.app.ProgressDialog;
  5. import android.content.DialogInterface;
  6. import android.os.Bundle;
  7. import android.view.View;
  8. import android.view.Window;
  9. import android.widget.Button;
  10. import android.widget.ProgressBar;
  11. import android.widget.TextView;
  12. import android.widget.Toast;
  13.  
  14. public class MainActivity extends Activity implements android.view.View.OnClickListener{
  15. 	private ProgressBar progress;
  16. 	private Button button1;
  17. 	private Button button2;
  18. 	private Button button3;
  19. 	private Button button4;
  20. 	private TextView textView;
  21. 	private ProgressDialog progressDialog;
  22.  
  23. 	@Override
  24. 	protected void onCreate(Bundle savedInstanceState) {
  25. 		super.onCreate(savedInstanceState);
  26. 		//启用窗口特征，启用带进度和不带进度的进度条
  27. 		requestWindowFeature(Window.FEATURE_PROGRESS);
  28. 		requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
  29. 		setContentView(R.layout.activity_main);
  30.  
  31. 		//显示两种进度条
  32. 		setProgressBarVisibility(true);
  33. 		setProgressBarIndeterminateVisibility(true);
  34. 		
  35. 		//设置带进度条刻度,最大值为10000
  36. 		setProgress(600);
  37. 		
  38. 		findView();
  39. 	}
  40.  
  41. 	private void findView() {
  42. 		// TODO Auto-generated method stub
  43. 		progress = (ProgressBar) findViewById(R.id.progressBar4);
  44. 		button1 = (Button) findViewById(R.id.button1);
  45. 		button2 = (Button) findViewById(R.id.button2);
  46. 		button3 = (Button) findViewById(R.id.button3);
  47. 		button4 = (Button) findViewById(R.id.button4);
  48. 		textView = (TextView) findViewById(R.id.textView1);
  49. 		
  50. 		init();
  51. 		
  52. 		button1.setOnClickListener(this);
  53. 		button2.setOnClickListener(this);
  54. 		button3.setOnClickListener(this);
  55. 		button4.setOnClickListener(this);
  56. 	}
  57.  
  58. 	private void init() {
  59. 		//获取第一进度条进度
  60. 		int first = progress.getProgress();
  61. 		//获取第二进度条进度
  62. 		int second = progress.getSecondaryProgress();
  63. 		//获取进度条最大进度
  64. 		int max = progress.getMax();
  65. 		
  66. 		textView.setText("第一进度百分比：" + (int)(first/(float)max*100) + "% 第二进度百分比：" + (int)(second/(float)max*100));
  67. 	}
  68.  
  69. 	@Override
  70. 	public void onClick(View v) {
  71. 		// TODO Auto-generated method stub
  72. 		switch (v.getId()) {
  73. 		case R.id.button1:
  74. 			//增加第一进度和第二进度10刻度
  75. 			progress.incrementProgressBy(10);
  76. 			progress.incrementSecondaryProgressBy(10);
  77. 			break;
  78.  
  79. 		case R.id.button2:
  80. 			//减少第一进度和第二进度10刻度
  81. 			progress.incrementProgressBy(-10);
  82. 			progress.incrementSecondaryProgressBy(-10);
  83. 			break;
  84. 			
  85. 		case R.id.button3:
  86. 			progress.setProgress(50);
  87. 			progress.setSecondaryProgress(80);
  88. 			break;
  89. 			
  90. 		case R.id.button4:
  91. 			/**
  92. 			 * 页面显示风格
  93. 			 */
  94. 			//新建ProgressDialog对象
  95. 			progressDialog = new ProgressDialog(MainActivity.this);
  96. 			//设置显示风格
  97. 			progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
  98. 			//设置标题
  99. 			progressDialog.setTitle("提示");
  100. 			//设置对话框内信息
  101. 			progressDialog.setMessage("当前进度");
  102. 			//设置图标
  103. 			progressDialog.setIcon(R.drawable.ic_launcher);
  104. 			/**
  105. 			 * 页面ProgressDialog的一些属性
  106. 			 */
  107. 			//设置最大进度
  108. 			progressDialog.setMax(100);
  109. 			//设置初始化已经增长到的进度
  110. 			progressDialog.incrementProgressBy(50);
  111. 			//进度条是精确显示进度的
  112. 			progressDialog.setIndeterminate(false);
  113. 			//确定按钮(按钮类型，显示内容，点击事件)
  114. 			progressDialog.setButton(DialogInterface.BUTTON_POSITIVE, "确定", new DialogInterface.OnClickListener() {
  115. 				
  116. 				@Override
  117. 				public void onClick(DialogInterface dialog, int which) {
  118. 					// TODO Auto-generated method stub
  119. 					Toast.makeText(MainActivity.this, "点击了确定按钮", Toast.LENGTH_SHORT).show();
  120. 				}
  121. 			});
  122. 			//是否可以通过返回按钮退出对话框
  123. 			progressDialog.setCancelable(true);
  124. 			//显示ProgressDialog
  125. 			progressDialog.show();
  126. 			break;
  127. 		}
  128. 		init();
  129. 	}
  130. }

源码下载

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/461110
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号