Android开发之进度条ProgressBar

夜逍遥 發表於 2020-12-1 20:09:00

<h1 class="_1RuRku"> </h1>
<h1>说明</h1>
ProgressBar一般用于显示一个过程，例如数据加载过程，文件下载进度，音乐播放进度等。
<h3>默认形式ProgressBar</h3>
默认方式下，ProgressBar显示为圆形进度，循环转圈，不显示具体的进度值，控制其显隐藏即可，如下
 
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="400" data-height="82"><img src="https://upload-images.jianshu.io/upload_images/3030704-a330aa60e50e037c.png?imageMogr2/auto-orient/strip|imageView2/2/w/400/format/webp"></div>

</div>
<div class="image-caption">默认</div>

</div>
 
适用于界面加载
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-cpp"><code class="language-cpp"> //xml中
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

//代码中控制显隐藏
mProgressBar = (ProgressBar) findViewById(R.id.progress_bar_main);
mProgressBar.setVisibility(View.VISIBLE);
</code></pre>
</div>
<h3>横向ProgressBar</h3>
横向带进度的进度条，通过设置ProgressBar的Style为style="?android:attr/progressBarStyleHorizontal"
 
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="452" data-height="136"><img src="https://upload-images.jianshu.io/upload_images/3030704-3435c67929f75172.png?imageMogr2/auto-orient/strip|imageView2/2/w/452/format/webp"></div>

</div>
<div class="image-caption">image.png</div>

</div>
 
max属性指定进度条总进度值，progress设置当前进度值，也可以说是初始进度值
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-objectivec"><code class="language-objectivec"> //xml中
<ProgressBar
android:id="@+id/progress_bar_h"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="85dp"
android:layout_height="10dp"
android:layout_gravity="center"
android:max="100"
android:progress="50"
/>
</code></pre>
</div>
<h3>设进度条背景</h3>
系统自带的进度条的颜色比较单调，实际开发中使用较少，可以自定义进度条背景，新建一个progressbar_bg.xml文件
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-xml"><code class="language-xml"> <?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@android:id/background"
android:drawable="@mipmap/feed_grow_progress_bar">
</item>


<item android:id="@android:id/progress">
<clip>
 <shape>

 <gradient
 android:endColor="#fff000"
 android:startColor="#fff000" />
 </shape>
</clip>
</item>
</layer-list>
</code></pre>
</div>
gradient可以设置进度条的渐变色， android:endColor和 android:startColor可以设置渐变开始和结束的颜色。定义完成以后，便可以使用
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-objectivec"><code class="language-objectivec"><ProgressBar
android:id="@+id/progress_bar_healthy"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="85dp"
android:layout_height="10dp"
android:layout_marginTop="20dp"
android:layout_gravity="center"
android:max="100"
android:progress="50"
android:progressDrawable="@drawable/progressbar_bg"
/>
</code></pre>
</div>
效果图，这里设置了黄色矩形背景，及黄色进度条
 
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="356" data-height="85"><img class="image-loading" data-original-src="//upload-images.jianshu.io/upload_images/3030704-dfecccca6e55829e.png" data-original-width="356" data-original-height="85" data-original-format="image/png" data-original-filesize="1393" data-image-index="2"></div>

</div>
<div class="image-caption">image.png</div>

</div>
<h3>动态设置</h3>
在音乐进度，网络下载时，需动态加载进度条，默认情况下，设置进度条，使用setProgress()即可。但有时除了动态设置进度，仍需要动态设置进度条颜色
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-cpp"><code class="language-cpp">private void setElectircProgress(int i, int color) {
ClipDrawable drawable = new ClipDrawable(new ColorDrawable(color), Gravity.LEFT, ClipDrawable.HORIZONTAL);
progressBarElectric.setProgressDrawable(drawable);
progressBarElectric.setProgress(i);
}
</code></pre>
</div>
<h1>音乐播放实例</h1>
通过MediaPlayer 播放音乐并获取进度，设置进度
 
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="307" data-height="66"><img class="image-loading" data-original-src="//upload-images.jianshu.io/upload_images/3030704-7ff3596851ed4376.png" data-original-width="307" data-original-height="66" data-original-format="image/png" data-original-filesize="1428" data-image-index="3"></div>

</div>
<div class="image-caption">image.png</div>

</div>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-java"><code class="language-java">musicProgressBar = (ProgressBar) findViewById(R.id.progress_bar_music);

if (mPlayer != null) {
 mPlayer.release();
 mPlayer = null;
}
mPlayer = MediaPlayer.create(this, R.raw.summer);
mPlayer.start();
musicProgressBar.setMax(mPlayer.getDuration());
if (timer != null) {
 timer = null;
 timerTask = null;
}
timer = new Timer();
timerTask = new TimerTask() {
 @Override
 public void run() {
 if (mPlayer != null) {
 if (mPlayer.isPlaying()) {
 runOnUiThread(new Runnable() {
 @Override
 public void run() {
 musicProgressBar.setProgress(mPlayer.getCurrentPosition());
 }
 });
 }
 }
 }
};
timer.schedule(timerTask, 0, 1000);</code></pre>
</div> 
来源：https://www.cnblogs.com/xgjblog/p/14070449.html

頁: [1]

琼殿技术论坛's Archiver

Android开发之进度条ProgressBar