多式样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
该类型进度条也就是一个表示运转的过程,例如发送短信,连接网络等等,表示一个过程正在执行中。
一般只要在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()来获取Action
01.@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>