花样Android ProgressBar 史下最强大讲解
花样Android ProgressBar 史上最强大讲解
多式样ProgressBar
普通圆形ProgressBar
该类型进度条也就是一个表示运转的过程，例如发送短信，连接网络等等，表示一个过程正在执行中。
一般只要在XML布局中定义就可以了。
此时，没有设置它的风格，那么它就是圆形的，一直会旋转的进度条。
各大小样式圆形ProgressBar
超大号圆形ProgressBar
此时，给设置一个style风格属性后，该ProgressBar就有了一个风格，这里大号ProgressBar的风格是：
05.</ProgressBar>
小号圆形ProgressBar
小号ProgressBar对应的风格是：
01.style="?android:attr/progressBarStyleSmall"
复制代码完整XML定义是：
标题型圆形ProgressBar
标题型ProgressBar对应的风格是：
01.style="?android:attr/progressBarStyleSmallTitle"
完整XML定义是：
布局中的长形进度条
①首先在XML进行布局
②代码中运用
页面标题中的长形进度条
代码实现：
①先设置一下窗口风格特性
ProgressDialog
ProgressDialog中的圆形进度条
ProgressDialog一般用来表示一个系统任务或是开启任务时候的进度，有一种稍等的意思。
代码实现：
代码实现：
AlertDialog.Builder
AlertDialog中的圆形ProgressBar
①先来设计一个Layout，待会儿作为一个View，加入AlertDialog.Builder
①先来设计一个Layout，待会儿作为一个View，加入AlertDialog.Builder
Widget中的圆形ProgressBar
这个很简单，在Widget中没有多大意思，不再敷述。
Widget中的长形ProgressBar（可控制）
Widget的实现就不再重复，假设您已经把Widget布局，相应设置已经设置好了。也可以在桌面加入类似上面图中的样式。
现在我们来实现一下按钮事件，与进度条的交互。
下面还是简单讲解一下Widget的设计与部署。
①设计Widget布局
③实现一个AppWidgetProvider子类
①按钮的消息发送
多式样ProgressBar
普通圆形ProgressBar
该类型进度条也就是一个表示运转的过程，例如发送短信，连接网络等等，表示一个过程正在执行中。
一般只要在XML布局中定义就可以了。
01.<progressBar android:id="@+id/widget43" 02. android:layout_width="wrap_content" 03. android:layout_height="wrap_content" 04. android:layout_gravity="center_vertical">05.</ProgressBar>
此时，没有设置它的风格，那么它就是圆形的，一直会旋转的进度条。
各大小样式圆形ProgressBar
超大号圆形ProgressBar
此时，给设置一个style风格属性后，该ProgressBar就有了一个风格，这里大号ProgressBar的风格是：
01.style="?android:attr/progressBarStyleLarge" 完整XML定义是： 01.<progressBar android:id="@+id/widget196" 02. android:layout_width="wrap_content" 03. android:layout_height="wrap_content" 04. style="?android:attr/progressBarStyleLarge">
05.</ProgressBar>
小号圆形ProgressBar
小号ProgressBar对应的风格是：
01.style="?android:attr/progressBarStyleSmall"
复制代码完整XML定义是：
01.<progressBar android:id="@+id/widget108" 02. android:layout_width="wrap_content" 03. android:layout_height="wrap_content" 04. style="?android:attr/progressBarStyleSmall"> 05.</ProgressBar>
标题型圆形ProgressBar
标题型ProgressBar对应的风格是：
01.style="?android:attr/progressBarStyleSmallTitle"
完整XML定义是：
01.<progressBar android:id="@+id/widget110" 02. android:layout_width="wrap_content" 03. android:layout_height="wrap_content" 04. style="?android:attr/progressBarStyleSmallTitle"> 05.</ProgressBar>代码中实现：
01.@Override
02. protected void onCreate(Bundle savedInstanceState) {
03. // TODO Auto-generated method stub
04. super.onCreate(savedInstanceState);
05. requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
06. //请求窗口特色风格，这里设置成不明确的进度风格
07. setContentView(R.layout.second);
08. setProgressBarIndeterminateVisibility(true);
09. //设置标题栏中的不明确的进度条是否可以显示
10. }长形进度条布局中的长形进度条
①首先在XML进行布局
01.<progressBar android:id="@+id/progressbar_updown" 02. android:layout_width="200dp" 03. android:layout_height="wrap_content" 04. style="?android:attr/progressBarStyleHorizontal" 05. android:layout_gravity="center_vertical" 06. android:max="100" 07. android:progress="50" 08. android:secondaryProgress="70" > 讲解： style="?android:attr/progressBarStyleHorizontal" 设置风格为长形 android:max="100" 最大进度值为100 android:progress="50" 初始化的进度值 android:secondaryProgress="70" 初始化的底层第二个进度值 android:layout_gravity="center_vertical" 垂直居中
②代码中运用
01.private ProgressBar myProgressBar; 02.//定义ProgressBar 03.myProgressBar = (ProgressBar) findViewById(R.id.progressbar_updown); 04.//ProgressBar通过ID来从XML中获取 05.myProgressBar.incrementProgressBy(5); 06.//ProgressBar进度值增加5 07.myProgressBar.incrementProgressBy(-5); 08.//ProgressBar进度值减少5 09.myProgressBar.incrementSecondaryProgressBy(5); 10.//ProgressBar背后的第二个进度条 进度值增加5 11.myProgressBar.incrementSecondaryProgressBy(-5); 12.//ProgressBar背后的第二个进度条 进度值减少5
页面标题中的长形进度条
代码实现：
①先设置一下窗口风格特性
01.requestWindowFeature(Window.FEATURE_PROGRESS); 02.//请求一个窗口进度条特性风格 03.setContentView(R.layout.main); 04.setProgressBarVisibility(true); 05.//设置进度条可视复制代码②然后设置进度值
01.setProgress(myProgressBar.getProgress() * 100); 02.//设置标题栏中前景的一个进度条进度值 03.setSecondaryProgress(myProgressBar.getSecondaryProgress() * 100); 04.//设置标题栏中后面的一个进度条进度值 05.//ProgressBar.getSecondaryProgress() 是用来获取其他进度条的进度值
ProgressDialog
ProgressDialog中的圆形进度条
ProgressDialog一般用来表示一个系统任务或是开启任务时候的进度，有一种稍等的意思。
代码实现：
01. ProgressDialog mypDialog=new ProgressDialog(this);
02. //实例化
03. mypDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
04. //设置进度条风格，风格为圆形，旋转的
05. mypDialog.setTitle("Google");
06. //设置ProgressDialog 标题
07. mypDialog.setMessage(getResources().getString(R.string.second));
08. //设置ProgressDialog 提示信息
09. mypDialog.setIcon(R.drawable.android);
10. //设置ProgressDialog 标题图标
11. mypDialog.setButton("Google",this);
12. //设置ProgressDialog 的一个Button
13. mypDialog.setIndeterminate(false);
14. //设置ProgressDialog 的进度条是否不明确
15. mypDialog.setCancelable(true);
16. //设置ProgressDialog 是否可以按退回按键取消
17. mypDialog.show();
18. //让ProgressDialog显示ProgressDialog中的长形进度条代码实现：
01.ProgressDialog mypDialog=new ProgressDialog(this);
02.//实例化
03. mypDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
04. //设置进度条风格，风格为长形，有刻度的
05. mypDialog.setTitle("地狱怒兽");
06. //设置ProgressDialog 标题
07. mypDialog.setMessage(getResources().getString(R.string.second));
08. //设置ProgressDialog 提示信息
09. mypDialog.setIcon(R.drawable.android);
10. //设置ProgressDialog 标题图标
11. mypDialog.setProgress(59);
12. //设置ProgressDialog 进度条进度
13. mypDialog.setButton("地狱曙光",this);
14. //设置ProgressDialog 的一个Button
15. mypDialog.setIndeterminate(false);
16. //设置ProgressDialog 的进度条是否不明确
17. mypDialog.setCancelable(true);
18. //设置ProgressDialog 是否可以按退回按键取消
19. mypDialog.show();
20. //让ProgressDialog显示 AlertDialog.Builder
AlertDialog中的圆形ProgressBar
①先来设计一个Layout，待会儿作为一个View，加入AlertDialog.Builder
01.<?xml version="1.0" encoding="utf-8"?> 02.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 03. android:layout_gravity="center_horizontal" 04. android:layout_width="wrap_content" 05. android:layout_height="wrap_content"> 06. <LinearLayout android:id="@+id/LinearLayout01" 07. android:layout_width="wrap_content" 08. android:layout_height="wrap_content"> 09.</LinearLayout> 10. <ProgressBar android:layout_gravity="center_vertical|center_horizontal" 11. android:layout_height="wrap_content" 12. android:progress="57" 13. android:id="@+id/myView_ProgressBar2" 14. android:layout_width="wrap_content"> 15.</ProgressBar> 16.</LinearLayout>②代码罗
01.private AlertDialog.Builder AlterD,AlterD2; 02.//定义提示对话框 03.private LayoutInflater layoutInflater; 04.//定义布局过滤器 05.private LinearLayout myLayout; 06.//定义布局 07.layoutInflater2=(LayoutInflater) getSystemService(this.LAYOUT_INFLATER_SERVICE); 08.//获得系统的布局过滤服务 09.myLayout2=(LinearLayout) layoutInflater2.inflate(R.layout.roundprogress, null); 10.//得到事先设计好的布局 11.AlterD2.setTitle(getResources().getString(R.string.RoundO)); 12.//设置对话框标题 13.AlterD2.setIcon(R.drawable.ma); 14.//设置对话框图标 15.AlterD2.setMessage(getResources().getString(R.string.ADDView)); 16.//设置对话框提示信息 17.AlterD2.setView(myLayout2); 18.//设置对话框中的View 19.AlterD2.show(); 20.//让对话框显示AlertDialog中的长形ProgressBar（可控制）
①先来设计一个Layout，待会儿作为一个View，加入AlertDialog.Builder
01.<?xml version="1.0" encoding="utf-8"?> 02.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 03. android:layout_gravity="center_horizontal" 04.android:layout_width="wrap_content" 05. android:layout_height="wrap_content"> 06. <Button 07.android:layout_height="wrap_content" 08.android:text="-" 09. android:layout_width="50dp" 10.android:id="@+id/myView_BT_Down"> 11.</Button> 12. <ProgressBar 13.android:layout_gravity="center_vertical" 14. android:layout_height="wrap_content" 15.style="?android:attr/progressBarStyleHorizontal" 16. android:id="@+id/myView_ProgressBar" 17.android:progress="57" 18. android:layout_width="178dp"> 19.</ProgressBar> 20. <Button android:layout_height="wrap_content" 21.android:text="+" 22. android:layout_width="50dp" 23.android:id="@+id/myView_BT_Up"> 24.</Button> 25.</LinearLayout>②代码罗
01.private AlertDialog.Builder AlterD,AlterD2;
02.//定义提示对话框
03.private LayoutInflater layoutInflater;
04.//定义布局过滤器
05.private LinearLayout myLayout;
06.//定义布局
07.layoutInflater=(LayoutInflater) getSystemService(this.LAYOUT_INFLATER_SERVICE);
08.//获得系统的布局过滤服务
09.myLayout=(LinearLayout) layoutInflater.inflate(R.layout.myview, null);
10.//得到事先设计好的布局
11.
12.myup=(Button) myLayout.findViewById(R.id.myView_BT_Up);
13.mydown=(Button) myLayout.findViewById(R.id.myView_BT_Down);
14.mypro=(ProgressBar)myLayout.findViewById(R.id.myView_ProgressBar);
15.//通过myLayout.findViewById来获取自定义View中的Widget控件元素
16.
17.myup.setOnClickListener(this);
18.//设置对话框View中的按钮监听器
19.mydown.setOnClickListener(this);
20.//设置对话框View中的按钮监听器
21.mypro.setProgress(Tag);
22.//设置一个Tag作为进度值
23.AlterD.setTitle(getResources().getString(R.string.RectO));
24.//设置对话框标题
25.AlterD.setIcon(R.drawable.mb);
26.//设置对话框图标
27.AlterD.setMessage(getResources().getString(R.string.ADDView));
28.//设置对话框提示信息
29.AlterD.setView(myLayout);
30.//设置对话框添加的View
31.AlterD.setPositiveButton("OK", new DialogInterface.OnClickListener(){
32. @Override
33. public void onClick(DialogInterface dialog, int which) {
34. // TODO Auto-generated method stub
35. MyProgressBar.Tag=mypro.getProgress();
36. }});
37.//设置对话框按钮，以及按钮的事件监听器
38.AlterD.show();
39.//让对话框显示复制代码③进度条进度值的按钮事件01.myup.setOnClickListener(this);
02.//设置对话框View中的按钮监听器
03.mydown.setOnClickListener(this);
04.//设置对话框View中的按钮监听器
05.对应的代码：
06. @Override
07. public void onClick(View button) {
08. // TODO Auto-generated method stub
09. SwitchUPorDown(button);
10. }
11.
12. private void SwitchUPorDown(View button) {
13. switch (button.getId()) {
14. case R.id.myView_BT_Up: {
15. mypro.incrementProgressBy(1);
16. }
17. break;
18. case R.id.myView_BT_Down: {
19. mypro.incrementProgressBy(-1);
20. }
21. break;
22. default:
23. break;
24. }
25. }App Widget中的进度条Widget中的圆形ProgressBar
这个很简单，在Widget中没有多大意思，不再敷述。
Widget中的长形ProgressBar（可控制）
Widget的实现就不再重复，假设您已经把Widget布局，相应设置已经设置好了。也可以在桌面加入类似上面图中的样式。
现在我们来实现一下按钮事件，与进度条的交互。
下面还是简单讲解一下Widget的设计与部署。
①设计Widget布局
01.<?xml version="1.0" encoding="utf-8"?> 02.<LinearLayout 03. xmlns:android="http://schemas.android.com/apk/res/android" 04. android:background="@drawable/widget" 05. android:layout_height="74dp" 06. android:layout_width="296dp"> 07. <Button 08. android:layout_height="wrap_content" 09. android:text="-" 10. android:layout_gravity="center_vertical" 11. android:layout_width="50dp" 12. android:id="@+id/widget_BT_Down" 13. android:layout_marginLeft="10dp"> 14. </Button> 15. <ProgressBar 16. android:layout_gravity="center_vertical" 17. android:layout_height="wrap_content" 18. style="?android:attr/progressBarStyleHorizontal" 19. android:layout_width="178dp" 20. android:id="@+id/widget_ProgressBar"> 21. </ProgressBar> 22. <Button 23. android:layout_height="wrap_content" 24. android:text="+" 25. android:layout_gravity="center_vertical" 26. android:layout_width="50dp" 27. android:id="@+id/widget_BT_Up"> 28. </Button> 29.</LinearLayout>②新增一个.res/xml目录，加入appwidget-provider
01.<?xml version="1.0" encoding="utf-8"?> 02.<appwidget-provider 03. xmlns:android="http://schemas.android.com/apk/res/android" 04. android:initialLayout="@layout/widgetlayout" 05. android:updatePeriodMillis="8660000" 06. android:minWidth="296dp" 07. android:minHeight="74dp">08.</appwidget-provider>
③实现一个AppWidgetProvider子类
01.package zyf.test.ProgressBar;
02.import android.appwidget.AppWidgetManager;
03.import android.appwidget.AppWidgetProvider;
04.import android.content.Context;
05.import android.content.Intent;
06.
07.public class App extends AppWidgetProvider {
08.
09. @Override
10. public void onEnabled(Context context) {
11. // TODO Auto-generated method stub
12. super.onEnabled(context);
13. }
14.
15. @Override
16. public void onReceive(Context context, Intent intent) {
17. // TODO Auto-generated method stub
18. super.onReceive(context, intent);
19. }
20.
21. @Override
22. public void onUpdate(Context context, AppWidgetManager appWidgetManager,
23. int[] appWidgetIds) {
24. // TODO Auto-generated method stub
25. super.onUpdate(context, appWidgetManager, appWidgetIds);
26. }
27.
28.}④配置Manifest，进行注册01.<receiver android:name="AppWidget"> 02. <intent-filter> 03. <action android:name="android.appwidget.action.APPWIDGET_UPDATE"></action> 04. </intent-filter> 05. <meta-data 06. android:resource="@xml/appwidget" 07. android:name="android.appwidget.provider"> 08. </meta-data> 09.</receiver>这里实现按钮与进度条的交互。（Widget自己广播发送与接收）
①按钮的消息发送
01.@Override
02. public void onUpdate(Context context, AppWidgetManager appWidgetManager,
03. int[] appWidgetIds) {
04. // TODO Auto-generated method stub
05. final int N = appWidgetIds.length;
06.
07. // Perform this loop procedure for each App Widget that belongs to this provider
08. for (int i=0; i<N; i++) {
09. int appWidgetId = appWidgetIds;
10. RemoteViews views=
11.new RemoteViews(context.getPackageName(), R.layout.widgetlayout);
12.
13. Intent UPintent=new Intent("zyf.test.widget.UP");
14. Intent DOWNintent=new Intent("zyf.test.widget.DOWN");
15. //实例化 两个带有Action的Intent
16. PendingIntent pendingIntentUp
17.=PendingIntent.getBroadcast(context, 0, UPintent, 0);
18. PendingIntent pendingIntentDown
19.=PendingIntent.getBroadcast(context, 0, DOWNintent, 0);
20. //实例化两个以Intent来构造的PendingIntent
21. views.setOnClickPendingIntent(R.id.widget_BT_Up, pendingIntentUp);
22. views.setOnClickPendingIntent(R.id.widget_BT_Down, pendingIntentDown);
23. //给View上的两个按钮绑定事件，这里是广播消息的发送
24. appWidgetManager.updateAppWidget(appWidgetId, views);
25. }
26. }②Widget自身消息接收，使用intent.getAction()来获取Action01.@Override
02. public void onReceive(Context context, Intent intent) {
03. // TODO Auto-generated method stub
04. super.onReceive(context, intent);
05. if(intent.getAction().equals("zyf.test.widget.UP")){
06. Tag+=5;
07. if(Tag>100){
08. Tag=100;
09. }
10. views.setProgressBar(R.id.widget_ProgressBar, 100, Tag, false);
11. appManager.updateAppWidget(thisWidget, views);
12. }
13. if(intent.getAction().equals("zyf.test.widget.DOWN")){
14. Tag-=5;
15. if(Tag<0){
16. Tag=0;
17. }
18. views.setProgressBar(R.id.widget_ProgressBar, 100, Tag, false);
19. appManager.updateAppWidget(thisWidget, views);
20. }
21. }③进度条的进度值设置01.views.setProgressBar(R.id.widget_ProgressBar, 100, Tag, false); 02.//设置Widget上的进度条的进度值 03.//第一个参数,Widget上进度条ID 04.//第二个参数，进度条最大值 05.//第三个参数Tag，一个int值，就是设置的进度值 06.//第四个参数，是否是要进度条不确定复制代码注意了，Widget自身的onReceive（）方法如果要接收其他的Action广播。那就必须在Manifest中，在Intent-filter中添加Action：
01.<receiver android:name="AppWidget"> 02. <intent-filter> 03. <action android:name="android.appwidget.action.APPWIDGET_UPDATE"></action> 04. <action android:name="zyf.test.widget.UP"></action> 05. <action android:name="zyf.test.widget.DOWN"></action> 06. </intent-filter> 07. <meta-data 08. android:resource="@xml/appwidget" 09. android:name="android.appwidget.provider"> 10. </meta-data> 11.</receiver>