花样Android ProgressBar 史上最强大讲解

xinyao0 2011-08-16

多式样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()来获取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>

相关推荐

csuhanshuai / 0评论 2013-05-22
xiaozhifree / 0评论 2013-02-01