zoukankan      html  css  js  c++  java
  • android progress 集合(转载)

    转载地址:http://blog.csdn.net/playboyanta123/article/details/7934789

    普通圆形ProgressBar

    1.png




    2.png






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

    一般只要在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

    3.png



    此时,给设置一个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

    4.png




    小号ProgressBar对应的风格是:

    1. style="?android:attr/progressBarStyleSmall"

    标题型圆形ProgressBar

    5.png




    6.png




    标题型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.     }

    长形进度条

    布局中的长形进度条

    7.png



    ①首先在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"    >

    讲解: 111.png

    ②代码中运用

    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

    页面标题中的长形进度条

    8.png


    代码实现:
    ①先设置一下窗口风格特性

    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中的圆形进度条
    9.png


    10.png



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


    11.png

    12.png




    代码实现:
    13.png

    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

    14.png

    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


    15.png

    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. //得到事先设计好的布局

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


    ③进度条进度值的按钮事件

    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.     }
          

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










    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;
          

    6.     
    7. public class App extends AppWidgetProvider {
          

    8.     
    9.     @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,进行注册

    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;
          

    6.     
    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>
  • 相关阅读:
    C# 字段 属性 方法 三霸主齐上阵
    C# 项目之总结,浓缩才是精华
    C# 语法 重中之重
    岁月流逝,C#成为我们IT精英永恒不变的经典
    pv:快餐厅4类职员正确并发运行的程序——用pv实现有向图的前驱关系哦!
    pv错题:用pv操作实现旅客,汽车之间的同步关系——北航2018考研计算机!!!!!!!!我还很不熟练,奋斗吧少年!!!!!!
    windows 的 DMA
    pv打卡:生产者消费者问题扩展——>南航2002pv习题哦
    冷门的OS知识:中断——这个我多大熟练qwq!
    Unix混合索引结构_文件系统_文件的组织_文件的物理结构_多级索引文件——>相关的小计算题!!!!!!重点重点重点!!!!!!
  • 原文地址:https://www.cnblogs.com/songyao/p/4073024.html
Copyright © 2011-2022 走看看