展会信息港展会大全

花样Android ProgressBar史上最强大讲解
来源:互联网   发布日期:2015-10-03 10:58:59   浏览:1921次  

导读:多式样ProgressBar普通圆形ProgressBar该类型进度条也就是一个表示运转的过程,例如发送短信,连接网络等等,表示一个过程正在执行中。一般只...

多式样ProgressBar

普通圆形ProgressBar

该类型进度条也就是一个表示运转的过程,例如发送短信,连接网络等等,表示一个过程正在执行中。

一般只要在XML布局中定义就可以了。

Java代码

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的风格是:

Java代码

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定义是:

Java代码

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定义是:

Java代码

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>

代码中实现:

Java代码 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进行布局

Java代码

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"

垂直居中

②代码中运用

Java代码

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

页面标题中的长形进度条

代码实现:

①先设置一下窗口风格特性

Java代码

01.requestWindowFeature(Window.FEATURE_PROGRESS);

02.//请求一个窗口进度条特性风格

03.setContentView(R.layout.main);

04.setProgressBarVisibility(true);

05.//设置进度条可视

复制代码②然后设置进度值

Java代码

01.setProgress(myProgressBar.getProgress() * 100);

02.//设置标题栏中前景的一个进度条进度值

03.setSecondaryProgress(myProgressBar.getSecondaryProgress() * 100);

04.//设置标题栏中后面的一个进度条进度值

05.//ProgressBar.getSecondaryProgress() 是用来获取其他进度条的进度值

ProgressDialog

ProgressDialog中的圆形进度条

ProgressDialog一般用来表示一个系统任务或是开启任务时候的进度,有一种稍等的意思。

代码实现:

Java代码

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中的长形进度条

代码实现:

Java代码

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

Java代码

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>

②代码罗

Java代码

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

Java代码

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>

②代码罗

Java代码

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.//让对话框显示

复制代码③进度条进度值的按钮事件

Java代码

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布局

Java代码

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

Java代码

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子类

Java代码

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,进行注册

Java代码

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自己广播发送与接收)

①按钮的消息发送

Java代码 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

Java代码 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.}

③进度条的进度值设置Java代码

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:

Java代码

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>

赞助本站

人工智能实验室

相关热词: android开发 教程

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港