devbox
我家小花儿
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

【安卓学习笔记】Android Studio第9课——进度条ProgressBar、SeekBar和RatingBar_android中进度条用法

作者：我家小花儿 | 2024-04-23 13:25:09

赞

踩

android中进度条用法

总体上Android默认常用的进度条分为四种：

1、垂直风格的圈状ProgressBar


这种转圈形式的进度条可以一般用作模糊指示，换句话说这个进度条无法体现出来当前的精确进度，只能傻傻的转圈。

在设置上有：

  1. style="?android:progressBarStyleLarge"//大
  2. style="?android:progressBarStyleSmall"//小
这两个属性比较常见，其次还有inverse（反转），效果好像有跟没有一样

2、水平风格的条状ProgressBar

条状的进度条就可以设置和体现出精确的进度。
在属性里面需要设置成水平方向： 
style="?android:progressBarStyleHorizontal"
2.1常用到的参数有max、progress、secondaryProgress，分别代表了进度条的最大值，当前的进度值和第二进度值。这里解释下secondaryProgress，这里打个比方：假如一个任务需要分为步骤依次的完成，第一个步骤是建立在第二个步骤基础上的，那么这种情况就很适合用progress表示第一个步骤完成的进度，用secondaryProgress表示第二步骤完成的进度。
2.2常用到方法有 
  1. progressBar1.setMax(200);//设置最大值为200
  2. progressBar1.setProgress(100);//设置第一进度为100
  3. progressBar1.setSecondaryProgress(150);//设置第二进度为150
  4.  
  5. /**
  6.  * 获得进度条是否为模糊进度条
  7.  * 返回值：ture  - 模糊进度条
  8.  *         true  - 精确进度条
  9.  */
  10. boolean isIndeterminate = progressBar1.isIndeterminate();
  11.  
  12. progressBar1.incrementProgressBy(10);//相对主进度增加10
  13. progressBar1.incrementSecondaryProgressBy(10);//相对第二进度增加10
3、可拖拽的SeekBar


SeekBar是ProgressBar的子类，跟ProgressBar的水平风格很相似，也有max、progress和secondaryProgress三个重要的参数
常用的设置方法如下： 
  1.         seekBar.setMax(100);
  2.         seekBar.setProgress(0);
  3.         seekBar.setSecondaryProgress(10);
其次他还对应的有自己的监听器SeekBar.OnSeekBarChangeListener
在监听器里面有三个触发时间，分别对应进度条改变、进度条触摸改变的开始和进度条触摸改变的结束。 
  1.         @Override
  2.         /**
  3.          * seekBar改变出发的监听器
  4.          * fromUser :   是否是用户手动操作的
  5.          */
  6.         public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
  7.  
  8.         }
  9.  
  10.         @Override
  11.         /**
  12.          * 用户开始拖拽的时候出发的监听器
  13.          */
  14.         public void onStartTrackingTouch(SeekBar seekBar) {
  15.  
  16.         }
  17.  
  18.         @Override
  19.         /**
  20.          * 用户停止拖拽的时候出发的监听器
  21.          */
  22.         public void onStopTrackingTouch(SeekBar seekBar) {
  23.             System.out.println("SeekBar--> progress = " + seekBar.getProgress());
  24.         }
所以根据软件和应用的需求可以自己定义需要用到哪一个。

4、评分用的RatingBar


RatingBar也是ProgressBar的子类，这个风格常用来做评分或者评等级用。常用到参数有星星个数、步进。用法如下： 
  1.         ratingBar.setNumStars(5);
  2.         ratingBar.setStepSize((float) 0.5);
也有对应的监听器OnRatingBarChangeListener，方法都很相似，就不贴单独贴代码。

程序只是用来测试用，肯定漏洞百出，下面给出测试的Activity并贴上全部代码：

、

XML：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context=".Lesson8_Activity">
  8.  
  9.     <ProgressBar
  10.         android:id="@+id/L8_progressbar1"
  11.         android:layout_width="wrap_content"
  12.         android:layout_height="wrap_content"
  13.         android:layout_centerHorizontal="true"
  14.         style="@android:style/Widget.DeviceDefault.Light.ProgressBar.Large"/>
  15.  
  16.     <ProgressBar
  17.         android:id="@+id/L8_progressbar2"
  18.         android:layout_below="@+id/L8_progressbar1"
  19.         android:layout_width="200dp"
  20.         android:layout_height="wrap_content"
  21.         android:layout_centerHorizontal="true"
  22.         android:layout_marginTop="10dp"
  23.         style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
  24.         android:max="200"
  25.         android:progress="100"
  26.         android:secondaryProgress="150"
  27.         />
  28.  
  29.     <SeekBar
  30.         android:id="@+id/L8_progressbar3"
  31.         android:layout_width="200dp"
  32.         android:layout_height="wrap_content"
  33.         android:layout_below="@+id/L8_progressbar2"
  34.         android:layout_centerHorizontal="true"
  35.         android:layout_marginTop="10dp"
  36.         android:max="100"
  37.         android:progress="20"
  38.         android:secondaryProgress="50"
  39.         />
  40.     <RatingBar
  41.         android:id="@+id/L8_progressbar4"
  42.         android:layout_width="wrap_content"
  43.         android:layout_height="wrap_content"
  44.         android:layout_below="@+id/L8_progressbar3"
  45.         android:layout_centerHorizontal="true"
  46.         android:layout_marginTop="10dp"
  47.         />
  48.     <RadioGroup
  49.         android:id="@+id/L8_radioGroup"
  50.         android:layout_width="wrap_content"
  51.         android:layout_height="wrap_content"
  52.         android:layout_below="@+id/L8_progressbar4"
  53.         android:layout_centerHorizontal="true"
  54.         android:layout_marginTop="10dp"
  55.         android:gravity="fill_horizontal">
  56.         <RadioButton
  57.             android:id="@+id/L8_radioButton1"
  58.             android:layout_width="wrap_content"
  59.             android:layout_height="wrap_content"
  60.             android:text="圈状"/>
  61.         <RadioButton
  62.             android:id="@+id/L8_radioButton2"
  63.             android:layout_width="wrap_content"
  64.             android:layout_height="wrap_content"
  65.             android:text="条状"/>
  66.         <RadioButton
  67.             android:id="@+id/L8_radioButton3"
  68.             android:layout_width="wrap_content"
  69.             android:layout_height="wrap_content"
  70.             android:text="SeekBar"/>
  71.         <RadioButton
  72.             android:id="@+id/L8_radioButton4"
  73.             android:layout_width="wrap_content"
  74.             android:layout_height="wrap_content"
  75.             android:text="RatingBar"/>
  76.     </RadioGroup>
  77.     <Button
  78.         android:id="@+id/L8_button1"
  79.         android:layout_width="wrap_content"
  80.         android:layout_height="wrap_content"
  81.         android:layout_below="@+id/L8_radioGroup"
  82.         android:layout_marginLeft="30dp"
  83.         android:text="增加第一进度"/>
  84.     <Button
  85.         android:id="@+id/L8_button2"
  86.         android:layout_width="wrap_content"
  87.         android:layout_height="wrap_content"
  88.         android:text="增加第二进度"
  89.         android:layout_below="@+id/L8_radioGroup"
  90.         android:layout_alignParentRight="true"
  91.         android:layout_marginRight="30dp"/>
  92. </RelativeLayout>
Activity.java 
  1. package com.example.urien.secondapp;
  2.  
  3. import android.support.v7.app.AppCompatActivity;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.Button;
  7. import android.widget.ProgressBar;
  8. import android.widget.RadioButton;
  9. import android.widget.RadioGroup;
  10. import android.widget.RatingBar;
  11. import android.widget.SeekBar;
  12.  
  13. import static android.widget.RatingBar.*;
  14.  
  15. public class Lesson8_Activity extends AppCompatActivity {
  16.  
  17.     //第一步：声明控件
  18.     private ProgressBar progressBar1;
  19.     private ProgressBar progressBar2;
  20.     private SeekBar seekBar;
  21.     private RatingBar ratingBar;
  22.     private Button button1;
  23.     private Button button2;
  24.     private RadioGroup radioGroup;
  25.     private RadioButton radioButton1;
  26.     private RadioButton radioButton2;
  27.     private RadioButton radioButton3;
  28.     private RadioButton radioButton4;
  29.     int value_radioButton;
  30.  
  31.     @Override
  32.     protected void onCreate(Bundle savedInstanceState) {
  33.         super.onCreate(savedInstanceState);
  34.         setContentView(R.layout.activity_lesson8_);
  35.  
  36.         //第二步：找到控件
  37.         progressBar1 = findViewById(R.id.L8_progressbar1);
  38.         progressBar2 = findViewById(R.id.L8_progressbar2);
  39.         seekBar = findViewById(R.id.L8_progressbar3);
  40.         ratingBar = findViewById(R.id.L8_progressbar4);
  41.         button1 = findViewById(R.id.L8_button1);
  42.         button2 = findViewById(R.id.L8_button2);
  43.         radioGroup = findViewById(R.id.L8_radioGroup);
  44.         radioButton1 = findViewById(R.id.L8_radioButton1);
  45.         radioButton2 = findViewById(R.id.L8_radioButton2);
  46.         radioButton3 = findViewById(R.id.L8_radioButton3);
  47.         radioButton4 = findViewById(R.id.L8_radioButton4);
  48.  
  49.  
  50.         //第四步：绑定监听器
  51.         seekBar.setOnSeekBarChangeListener(new seekBarListener());
  52.         ratingBar.setOnRatingBarChangeListener(new ratingBarListener());
  53.         radioGroup.setOnCheckedChangeListener(new radioGruopListener());
  54.  
  55.  
  56.         button1.setOnClickListener(new buttonListener());
  57.         button2.setOnClickListener(new buttonListener());
  58.  
  59.  
  60.  
  61. /*        progressBar1.setMax(200);//设置最大值为200
  62.         progressBar1.setProgress(100);//设置第一进度为100
  63.         progressBar1.setSecondaryProgress(150);//设置第二进度为200
  64.  
  65.         int valueProgress1 = progressBar1.getProgress();//得到第一进度的值
  66.         int valuesecondProgress1 = progressBar1.getSecondaryProgress();//得到第二进度的值
  67.  
  68.         *//**
  69.          * 获得进度条是否为模糊进度条
  70.          * 返回值：ture  - 模糊进度条
  71.          *         true  - 精确进度条
  72.          *//*
  73.         boolean isIndeterminate = progressBar1.isIndeterminate();
  74.  
  75.         progressBar1.incrementProgressBy(10);//相对主进度增加10
  76.         progressBar1.incrementSecondaryProgressBy(10);//相对第二进度增加10*/
  77.     }
  78.  
  79.     //第三步：实现监听器接口
  80.  
  81.     /**
  82.      * seekBar监听器
  83.      */
  84.     class seekBarListener implements SeekBar.OnSeekBarChangeListener {
  85.  
  86.         @Override
  87.         /**
  88.          * seekBar改变出发的监听器
  89.          * fromUser :   是否是用户手动操作的
  90.          */
  91.         public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
  92.  
  93.         }
  94.  
  95.         @Override
  96.         /**
  97.          * 用户开始拖拽的时候出发的监听器
  98.          */
  99.         public void onStartTrackingTouch(SeekBar seekBar) {
  100.  
  101.         }
  102.  
  103.         @Override
  104.         /**
  105.          * 用户停止拖拽的时候出发的监听器
  106.          */
  107.         public void onStopTrackingTouch(SeekBar seekBar) {
  108.             System.out.println("SeekBar--> progress = " + seekBar.getProgress());
  109.         }
  110.     }
  111.  
  112.     /**
  113.      * ratioGroup监听器
  114.      */
  115.     class radioGruopListener implements RadioGroup.OnCheckedChangeListener {
  116.  
  117.         @Override
  118.         public void onCheckedChanged(RadioGroup group, int checkedId) {
  119.             if (checkedId == R.id.L8_radioButton1) {
  120.                 value_radioButton = 1;
  121.             } else if (checkedId == R.id.L8_radioButton2) {
  122.                 value_radioButton = 2;
  123.             } else if (checkedId == R.id.L8_radioButton3) {
  124.                 value_radioButton = 3;
  125.             } else if (checkedId == R.id.L8_radioButton4) {
  126.                 value_radioButton = 4;
  127.             }
  128.         }
  129.     }
  130.  
  131.     /**
  132.      * Button监听器
  133.      */
  134.     class buttonListener implements View.OnClickListener {
  135.  
  136.         @Override
  137.         public void onClick(View v) {
  138.             //ProgressBar tempProgressBar;
  139.             if (v.getId() == R.id.L8_button1) {
  140.                 switch (value_radioButton) {
  141.                     case 1:
  142. //                        progressBar1.incrementProgressBy(10);
  143.                         break;
  144.                     case 2:
  145.                         progressBar2.incrementProgressBy(10);
  146.                         break;
  147.                     case 3:
  148.                         seekBar.incrementProgressBy(10);
  149.                         break;
  150.                     case 4:
  151.                         ratingBar.incrementProgressBy(10);
  152.                         break;
  153.                 }
  154.             } else if (v.getId() == R.id.L8_button2) {
  155.                 switch (value_radioButton) {
  156.                     case 1:
  157.                         progressBar1.incrementSecondaryProgressBy(10);
  158.                         break;
  159.                     case 2:
  160.                         progressBar2.incrementSecondaryProgressBy(10);
  161.                         break;
  162.                     case 3:
  163.                         seekBar.incrementSecondaryProgressBy(10);
  164.                         break;
  165.                     case 4:
  166.                         ratingBar.incrementSecondaryProgressBy(10);
  167.                         break;
  168.                 }
  169.             }
  170.         }
  171.     }
  172.  
  173.     /**
  174.      * RatingBar监听器
  175.      */
  176.     class ratingBarListener implements OnRatingBarChangeListener {
  177.  
  178.         @Override
  179.         /**
  180.          * 这里的formUser可以用来判定是不是用户手动改变
  181.          */
  182.         public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
  183.             System.out.println("RatingBar--> rating = " + rating + " formUser " + fromUser);
  184.         }
  185.     }
  186.  
  187.     /**
  188.      * 初始化函数
  189.      */
  190.     private void L8_AvtivityConfiguration() {
  191.         progressBar1.setMax(100);
  192.         progressBar1.setProgress(0);
  193.         progressBar1.setSecondaryProgress(10);
  194.  
  195.         progressBar2.setMax(100);
  196.         progressBar2.setProgress(0);
  197.         progressBar2.setSecondaryProgress(10);
  198.  
  199.         seekBar.setMax(100);
  200.         seekBar.setProgress(0);
  201.         seekBar.setSecondaryProgress(10);
  202.  
  203.         ratingBar.setNumStars(5);
  204.         ratingBar.setStepSize((float) 0.5);
  205.         radioButton1.setChecked(true);
  206.  
  207.     }
  208.  
  209. }
By Urien 2018年6月3日 17:57:28
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/474093
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号