程序博客网 > 如何开网店 淘宝网

花样ProgressBar

来源：互联网 发布：如何开网店 淘宝网 编辑：程序博客网 时间：2024/04/17 05:50
花样ProgressBar

多式样ProgressBar

普通圆形ProgressBar





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

一般只要在XML布局中定义就可以了。
  1. <progressBar android:id="@+id/widget43"
  2.       android:layout_width="wrap_content"
  3.       android:layout_height="wrap_content"   
  4.       android:layout_gravity="center_vertical">
  5. </ProgressBar>
复制代码
此时，没有设置它的风格，那么它就是圆形的，一直会旋转的进度条。

各大小样式圆形ProgressBar


超大号圆形ProgressBar


此时，给设置一个style风格属性后，该ProgressBar就有了一个风格，这里大号ProgressBar的风格是：
  1. style="?android:attr/progressBarStyleLarge"
复制代码
完整XML定义是：
  1. <progressBar android:id="@+id/widget196"
  2.       android:layout_width="wrap_content"
  3.       android:layout_height="wrap_content"
  4.       style="?android:attr/progressBarStyleLarge">
  5. </ProgressBar>
复制代码


小号圆形ProgressBar



小号ProgressBar对应的风格是：
  1. style="?android:attr/progressBarStyleSmall"
复制代码
完整XML定义是：
  1. <progressBar android:id="@+id/widget108"
  2.       android:layout_width="wrap_content"
  3.       android:layout_height="wrap_content"
  4.       style="?android:attr/progressBarStyleSmall">
  5. </ProgressBar>
复制代码


标题型圆形ProgressBar





标题型ProgressBar对应的风格是：
  1. style="?android:attr/progressBarStyleSmallTitle"
复制代码
完整XML定义是：
  1. <progressBar android:id="@+id/widget110"
  2.     android:layout_width="wrap_content"
  3.     android:layout_height="wrap_content"
  4.     style="?android:attr/progressBarStyleSmallTitle">
  5. </ProgressBar>
复制代码
代码中实现：
  1. @Override
  2.     protected void onCreate(Bundle savedInstanceState) {
  3.         // TODO Auto-generated method stub
  4.         super.onCreate(savedInstanceState);
  5.         requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
  6.         //请求窗口特色风格，这里设置成不明确的进度风格
  7.         setContentView(R.layout.second);
  8.         setProgressBarIndeterminateVisibility(true);
  9.         //设置标题栏中的不明确的进度条是否可以显示
  10.     }
复制代码


长形进度条

布局中的长形进度条


①首先在XML进行布局
  1. <progressBar android:id="@+id/progressbar_updown"
  2.         android:layout_width="200dp"
  3.         android:layout_height="wrap_content"
  4.         style="?android:attr/progressBarStyleHorizontal"
  5.         android:layout_gravity="center_vertical"
  6.         android:max="100"
  7.         android:progress="50"
  8.         android:secondaryProgress="70"    >
复制代码
讲解：
style="?android:attr/progressBarStyleHorizontal"   
设置风格为长形
android:max="100"   
最大进度值为100android:progress="50"  
初始化的进度值android:secondaryProgress="70"
初始化的底层第二个进度值
android:layout_gravity="center_vertical"   
垂直居中

②代码中运用
  1. private ProgressBar myProgressBar;
  2. //定义ProgressBar
  3. myProgressBar = (ProgressBar) findViewById(R.id.progressbar_updown);
  4. //ProgressBar通过ID来从XML中获取
  5. myProgressBar.incrementProgressBy(5);
  6. //ProgressBar进度值增加5
  7. myProgressBar.incrementProgressBy(-5);
  8. //ProgressBar进度值减少5
  9. myProgressBar.incrementSecondaryProgressBy(5);
  10. //ProgressBar背后的第二个进度条 进度值增加5
  11. myProgressBar.incrementSecondaryProgressBy(-5);
  12. //ProgressBar背后的第二个进度条 进度值减少5
复制代码



页面标题中的长形进度条


代码实现：
①先设置一下窗口风格特性
  1. requestWindowFeature(Window.FEATURE_PROGRESS);
  2. //请求一个窗口进度条特性风格
  3. setContentView(R.layout.main);
  4. setProgressBarVisibility(true);
  5. //设置进度条可视
复制代码
②然后设置进度值
  1. setProgress(myProgressBar.getProgress() * 100);
  2. //设置标题栏中前景的一个进度条进度值
  3. setSecondaryProgress(myProgressBar.getSecondaryProgress() * 100);
  4. //设置标题栏中后面的一个进度条进度值
  5. //ProgressBar.getSecondaryProgress() 是用来获取其他进度条的进度值
复制代码


ProgressDialog

ProgressDialog中的圆形进度条
     
ProgressDialog一般用来表示一个系统任务或是开启任务时候的进度，有一种稍等的意思。
代码实现：

  1.   ProgressDialog mypDialog=new ProgressDialog(this);
  2.             //实例化
  3.             mypDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
  4.             //设置进度条风格，风格为圆形，旋转的
  5.             mypDialog.setTitle("Google");
  6.             //设置ProgressDialog 标题
  7.             mypDialog.setMessage(getResources().getString(R.string.second));
  8.             //设置ProgressDialog 提示信息
  9.             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中的长形进度条
      

代码实现：
  1. ProgressDialog mypDialog=new ProgressDialog(this);
  2. //实例化
  3.             mypDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
  4.             //设置进度条风格，风格为长形，有刻度的
  5.             mypDialog.setTitle("地狱怒兽");
  6.             //设置ProgressDialog 标题
  7.             mypDialog.setMessage(getResources().getString(R.string.second));
  8.             //设置ProgressDialog 提示信息
  9.             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
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_gravity="center_horizontal"
  4.     android:layout_width="wrap_content"
  5.     android:layout_height="wrap_content">
  6.     <LinearLayout android:id="@+id/LinearLayout01"
  7.     android:layout_width="wrap_content"
  8.     android:layout_height="wrap_content">
  9. </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>
复制代码
②代码罗
  1. private AlertDialog.Builder AlterD,AlterD2;
  2. //定义提示对话框
  3. private LayoutInflater layoutInflater;
  4. //定义布局过滤器
  5. private LinearLayout myLayout;
  6. //定义布局
  7. layoutInflater2=(LayoutInflater) getSystemService(this.LAYOUT_INFLATER_SERVICE);
  8. //获得系统的布局过滤服务
  9. 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
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_gravity="center_horizontal"
  4. android:layout_width="wrap_content"
  5.     android:layout_height="wrap_content">
  6.     <Button
  7. android:layout_height="wrap_content"
  8. android:text="-"
  9.         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>
复制代码
②代码罗
  1. private AlertDialog.Builder AlterD,AlterD2;
  2. //定义提示对话框
  3. private LayoutInflater layoutInflater;
  4. //定义布局过滤器
  5. private LinearLayout myLayout;
  6. //定义布局
  7. layoutInflater=(LayoutInflater) getSystemService(this.LAYOUT_INFLATER_SERVICE);
  8. //获得系统的布局过滤服务
  9. myLayout=(LinearLayout) layoutInflater.inflate(R.layout.myview, null);
  10. //得到事先设计好的布局
  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控件元素
  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. //让对话框显示
复制代码
③进度条进度值的按钮事件
  1. myup.setOnClickListener(this);
  2. //设置对话框View中的按钮监听器
  3. mydown.setOnClickListener(this);
  4. //设置对话框View中的按钮监听器
  5. 对应的代码：
  6.     @Override
  7.     public void onClick(View button) {
  8.         // TODO Auto-generated method stub
  9.         SwitchUPorDown(button);
  10.     }
  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布局
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:background="@drawable/widget"
  5.     android:layout_height="74dp"
  6.     android:layout_width="296dp">
  7.     <Button
  8.         android:layout_height="wrap_content"
  9.         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
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <appwidget-provider
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:initialLayout="@layout/widgetlayout"
  5.     android:updatePeriodMillis="8660000"
  6.     android:minWidth="296dp"
  7.     android:minHeight="74dp">
  8. </appwidget-provider>
复制代码
③实现一个AppWidgetProvider子类
  1. package zyf.test.ProgressBar;
  2. import android.appwidget.AppWidgetManager;
  3. import android.appwidget.AppWidgetProvider;
  4. import android.content.Context;
  5. import android.content.Intent;
  7. public class App extends AppWidgetProvider {
  9.     @Override
  10.     public void onEnabled(Context context) {
  11.         // TODO Auto-generated method stub
  12.         super.onEnabled(context);
  13.     }
  15.     @Override
  16.     public void onReceive(Context context, Intent intent) {
  17.         // TODO Auto-generated method stub
  18.         super.onReceive(context, intent);
  19.     }
  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.     }
  28. }
复制代码
④配置Manifest，进行注册
  1. <receiver android:name="AppWidget">
  2.     <intent-filter>
  3.     <action android:name="android.appwidget.action.APPWIDGET_UPDATE"></action>
  4.     </intent-filter>
  5.     <meta-data  
  6.         android:resource="@xml/appwidget"
  7.         android:name="android.appwidget.provider">
  8.     </meta-data>
  9. </receiver>
复制代码
这里实现按钮与进度条的交互。（Widget自己广播发送与接收）

①按钮的消息发送
  1. @Override
  2.     public void onUpdate(Context context, AppWidgetManager appWidgetManager,
  3.             int[] appWidgetIds) {
  4.         // TODO Auto-generated method stub
  5.         final int N = appWidgetIds.length;
  7.         // Perform this loop procedure for each App Widget that belongs to this provider
  8.         for (int i=0; i<N; i++) {
  9.             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
  1. @Override
  2.     public void onReceive(Context context, Intent intent) {
  3.         // TODO Auto-generated method stub
  4.         super.onReceive(context, intent);
  5.         if(intent.getAction().equals("zyf.test.widget.UP")){
  6.             Tag+=5;
  7.             if(Tag>100){
  8.                 Tag=100;
  9.             }
  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.     }
复制代码
③进度条的进度值设置
  1. views.setProgressBar(R.id.widget_ProgressBar, 100, Tag, false);
  2. //设置Widget上的进度条的进度值
  3. //第一个参数,Widget上进度条ID
  4. //第二个参数，进度条最大值
  5. //第三个参数Tag，一个int值，就是设置的进度值
  6. //第四个参数，是否是要进度条不确定
复制代码
注意了，Widget自身的onReceive（）方法如果要接收其他的Action广播。那就必须在Manifest中，在Intent-filter中添加Action：
  1. <receiver android:name="AppWidget">
  2.     <intent-filter>
  3.         <action android:name="android.appwidget.action.APPWIDGET_UPDATE"></action>
  4.                 <action android:name="zyf.test.widget.UP"></action>
  5.                 <action android:name="zyf.test.widget.DOWN"></action>
  6.     </intent-filter>
  7.     <meta-data
  8.         android:resource="@xml/appwidget"
  9.         android:name="android.appwidget.provider">
  10.     </meta-data>
  11. </receiver>
复制代码

如有什么问题和不对地方，请联系我：zyf19870302@126.com （地狱怒兽）

 

 

 

如何开网店 淘宝网 如何开网店 淘宝网
原创粉丝点击
热门IT博客
非农数据大于预期非农数据大于预期
网络广告机c语言代码网络广告机c语言代码
移动网络转换
图案设计软件
键盘记录软件哪个好
win10怎样卸载软件
sql update返回记录
女朋友爱发脾气 知乎
恐怖童谣 知乎
数据恢复精灵 注册码
支付宝如何解绑淘宝
html动态加载列表数据
mac axure汉化方法
mysql 时间默认值
手机显示连接网络超时
java怎么做界面
sat阅读 知乎
淘宝购物车秒杀抢东西
淘宝店铺怎么关联打印
c 程序员招聘要求
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 埃及塘鲺为什么不能吃 塘鲺的营养价值 鲶鱼和塘鲺的区别 塘鲺为什么很多人不吃 广东本地塘鲺价格 塘鲺的做法大全家常 本地塘鲺鱼苗 广东塘鲺煲的做法 塘鲺鱼煲汤的做法 塘鲺鱼煲汤有几种 本地塘鲺养殖技术 鲺怎么读 鲺 唐角鱼 塘鲺鱼吃人 塘狮 塘角鱼 广东塘鲺鱼做法 鲺鱼 塘鲺鱼图片 塘鲺鱼养殖 2018年广东本地塘鲺价格 塘鳢吃什么 塘鳢怎么读 塘鳢价格 塘鳢鱼图片 塘鳢鱼 三口塘老鹅汤 塘鹅 塞 屁塞 沮塞 忘羡塞棋子play 忘羡塞棋子play那一集 闺蜜塞我震动棒百合 塞来昔布胶囊 柯尼塞格 渔歌子西塞山前白鹭飞 塞字组词 揌 塞读音是什么

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里