ProgressBar 各种样式

时间：2023-03-09 02:02:59
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 android:id="@+id/widget43"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      android:layout_gravity="center_vertical">

</ProgressBar>

此时，没有设置它的风格，那么它就是圆形的，一直会旋转的进度条。

各大小样式圆形ProgressBar
超大号圆形ProgressBar

此时，给设置一个style风格属性后，该ProgressBar就有了一个风格，
这里大号ProgressBar的风格是：

  1. style="?android:attr/progressBarStyleLarge"
 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 android:id="@+id/widget196"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      style="?android:attr/progressBarStyleLarge">

</ProgressBar>

小号圆形ProgressBar

小号ProgressBar对应的风格是：

  1. style="?android:attr/progressBarStyleSmall"
 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 android:id="@+id/widget108"

      android:layout_width="wrap_content"

      android:layout_height="wrap_content"

      style="?android:attr/progressBarStyleSmall">

</ProgressBar>

标题型圆形ProgressBar

标题型ProgressBar对应的风格是：

  1. style="?android:attr/progressBarStyleSmallTitle"
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>
<progressBar android:id="@+id/widget110"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    style="?android:attr/progressBarStyleSmallTitle">

</ProgressBar>

代码中实现：

  1. protected void onCreate(Bundle savedInstanceState) {
  2. // TODO Auto-generated method stub
  3. super.onCreate(savedInstanceState);
  4. requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
  5. //请求窗口特色风格，这里设置成不明确的进度风格
  6. setContentView(R.layout.second);
  7. setProgressBarIndeterminateVisibility(true);
  8. //设置标题栏中的不明确的进度条是否可以显示
  9. }
protected void onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);

        //请求窗口特色风格，这里设置成不明确的进度风格

        setContentView(R.layout.second);

        setProgressBarIndeterminateVisibility(true);

        //设置标题栏中的不明确的进度条是否可以显示

    }

长形进度条

布局中的长形进度条

①首先在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"    />
<progressBar android:id="@+id/progressbar_updown"

        android:layout_width="200dp" 

        android:layout_height="wrap_content"

        style="?android:attr/progressBarStyleHorizontal"

        android:layout_gravity="center_vertical" 

        android:max="100"

        android:progress="50"

        android:secondaryProgress="70"    />

讲解：

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

设置风格为长形

  1. android:max="100"
android:max="100"

最大进度值为100

  1. android:progress="50"
android:progress="50"

初始化的进度值

  1. android:secondaryProgress="70"
android:secondaryProgress="70"

初始化的底层第二个进度值

  1. android:layout_gravity="center_vertical"
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
private ProgressBar myProgressBar;

//定义ProgressBar

myProgressBar = (ProgressBar) findViewById(R.id.progressbar_updown);

//ProgressBar通过ID来从XML中获取

myProgressBar.incrementProgressBy(5);

//ProgressBar进度值增加5

myProgressBar.incrementProgressBy(-5);

//ProgressBar进度值减少5

myProgressBar.incrementSecondaryProgressBy(5);

//ProgressBar背后的第二个进度条 进度值增加5

myProgressBar.incrementSecondaryProgressBy(-5);

//ProgressBar背后的第二个进度条 进度值减少5

页面标题中的长形进度条

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

  1. requestWindowFeature(Window.FEATURE_PROGRESS);
requestWindowFeature(Window.FEATURE_PROGRESS);

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

  1. setContentView(R.layout.main);
  2. setProgressBarVisibility(true);
setContentView(R.layout.main);

setProgressBarVisibility(true);

//设置进度条可视

②然后设置进度值

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

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

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

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

//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 mypDialog=new ProgressDialog(this);

            //实例化

            mypDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);

            //设置进度条风格，风格为圆形，旋转的

            mypDialog.setTitle("Google");

            //设置ProgressDialog 标题

            mypDialog.setMessage(getResources().getString(R.string.second));

            //设置ProgressDialog 提示信息

            mypDialog.setIcon(R.drawable.android);

            //设置ProgressDialog 标题图标

            mypDialog.setButton("Google",this);

            //设置ProgressDialog 的一个Button

            mypDialog.setIndeterminate(false);

            //设置ProgressDialog 的进度条是否不明确

            mypDialog.setCancelable(true);

            //设置ProgressDialog 是否可以按退回按键取消

            mypDialog.show();

            //让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显示
  21. AlertDialog.Builder
  22. AlertDialog中的圆形ProgressBar

相关文章