Android 学习笔记（5）—— ProgressBar

作者：夏至 欢迎转载，也请保留这段申明，谢谢

这一章呢，我们来学习进度条ProgressBar，在我们的网页浏览或者其他下载的时候，总有一个缓冲的UI，那这里就是用到我们的Progress，它有两种形式，一种是圆形，一种是水平的。

先来看看样子:



我们要实现就是上面的功能。这里我们先看看它的属性：

· android:max 设置范围大小0到max

· android:progress 设置当前进度

· android:secondaryProgress 设置第二进度，比如我们的看视频时的缓冲区域

其中有个style 属性，可以让我们来设置它的大小属性，我们一般可以这么设置：

style=”?android:attr/ progressBarStyleSmall

· progressBarStyleSmall 小型圆形

· progressBarStyleLarge 大型圆形

· progressBarStyleHorizontal 水平状态

这里我们获取的方法有：

· getMax()：返回这个进度条的范围的上限

· getProgress()：返回进度

· getSecondaryProgress()：返回次要进度

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="24sp"
android:text="小型圆形进度条"
/>
<ProgressBar
android:id="@+id/small"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="?android:attr/progressBarStyleSmall"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="24sp"
android:text="中型圆形进度条"
/>
<ProgressBar
android:id="@+id/mid"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="24sp"
android:text="大型圆形进度条"
/>
<ProgressBar
android:id="@+id/large"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="?android:attr/progressBarStyleLarge"
/>

当然这里，我们可以根据上一节学习的开关按钮来实现，圆形进度条的开关功能:

<LinearLayout
android:id="@+id/mylaytout1"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ToggleButton
android:id="@+id/tog1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="进度条1开"
android:textOff="进度条1关"
/>
<ToggleButton
android:id="@+id/tog2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="进度条2开"
android:textOff="进度条2关"
/>
<ToggleButton
android:id="@+id/tog3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="进度条3开"
android:textOff="进度条3关"
/>
</LinearLayout>

接下来就是添加两个按钮了，注意上面的线性布局都采用内容包裹，和水平排列的模式。

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="24sp"
android:text="水平形进度条"
/>
<ProgressBar
android:id="@+id/pbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="?android:attr/progressBarStyleHorizontal"
android:max="100"
android:progress="10"
/>
<ProgressBar
android:id="@+id/pbar2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="?android:attr/progressBarStyleHorizontal"
android:max="100"
android:progress="10"
android:secondaryProgress="20"
/>
<Button
android:id="@+id/btn1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="增加进度"/>
<Button
android:id="@+id/btn2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="减少进度"/>

这样我们就写好了布局了，接下来就是主活动的程序了。先把我们要用到的方法包裹起来，和定义好类变量.

public class MainActivity extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener, View.OnClickListener {
private ProgressBar small,mid,large,pbar,pbar2;
private ToggleButton one,two,three;
private Button btn1,btn2;

然后开始实例化了。

small = (ProgressBar)findViewById(R.id.small);
mid   = (ProgressBar)findViewById(R.id.mid);
large = (ProgressBar)findViewById(R.id.large);
pbar  = (ProgressBar)findViewById(R.id.pbar);
pbar2 = (ProgressBar)findViewById(R.id.pbar2);
one = (ToggleButton)findViewById(R.id.tog1);
two = (ToggleButton)findViewById(R.id.tog2);
three = (ToggleButton)findViewById(R.id.tog3);
btn1 = (Button)findViewById(R.id.btn1);
btn2 = (Button)findViewById(R.id.btn2);
one.setOnCheckedChangeListener(this);
two.setOnCheckedChangeListener(this);
three.setOnCheckedChangeListener(this);
btn1.setOnClickListener(this);
btn2.setOnClickListener(this);

这里我们用到两个方法，一个是开关方法

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if(one.isChecked())  small.setVisibility(View.VISIBLE);  //开进度条1
else  small.setVisibility(View.GONE);
if(two.isChecked())  mid.setVisibility(View.VISIBLE); //开进度条2
else  mid.setVisibility(View.GONE);
if(three.isChecked())  large.setVisibility(View.VISIBLE); //开进度条3
else  large.setVisibility(View.GONE);
}

另一个是按键功能

public void onClick(View v) {
int progress = 0;
switch (v.getId()){
case R.id.btn1:
pbar.setProgress((int)(pbar.getProgress()*1.5));
pbar2.setProgress((int)(pbar2.getProgress()*1.5));
pbar2.setSecondaryProgress((int) (pbar2.getProgress()*1.5));
break;
case R.id.btn2:
progress = pbar.getProgress();
if(progress <=2) progress = 2; //不能小于1，不然pbar.getProgress()*1.5)就没意义了
else progress *= 0.9;
pbar.setProgress(progress);
pbar2.setProgress(progress);
pbar2.setSecondaryProgress(progress);
break;
}
}

这样就完成了，效果如图：



如有错误，欢迎指出，如果喜欢，欢迎收藏！