歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android 弧形進度條

Android 弧形進度條

日期:2017/3/1 9:58:43   编辑:Linux編程

Android自帶的progressbar組件基本可以滿足常用的一些需求,最近一套新UI用到了弧形的進度條,如圖

最初看到,自己是想自己實現,涉及到的問題就比較多,需要一些精確的計算畫上去,整個屏幕的背景圖是這樣的:

不過在動手前,自己又百度了一些自定義進度條的文章看了一下。看了一篇受了很大的啟發,這個弧形的效果完全可以用一個垂直的進度條來實現。使用這樣一張圖:

弧形與背景圖的軌跡一樣,然後整張圖是長方形,不過背景是透明的,這樣以後這樣將android的progressbar豎直顯示即可。

<ProgressBar android:id="@+id/disc_audio_progressbar"

android:progressDrawable="@drawable/audioseekbar_style"
android:layout_width="49dip" android:layout_height="281dip"
android:max="100" android:layout_x="486dp" android:layout_y="142dp"
android:progress="1"></ProgressBar>

豎直顯示了,下一步就是如何進度條沿豎直方向走呢?那就在audioseekbar_style中進行設置

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--
<item android:id="@android:id/secondaryProgress" android:drawable="@drawable/imgslider_second">
</item>
-->
<item android:id="@android:id/progress">
<clip android:clipOrientation="vertical" android:drawable="@drawable/imgslider"

android:gravity="top">
</clip>
</item>
</layer-list>

clip一共有四個屬性,其中clipOrientation就是用來設置progress走向的,這裡設置成vertical,圖片就是剛才那張彩色弧形的圖即可。通過這樣的設置

進度條的使用還是還以前一樣,在定時器裡模擬了一下效果

mProgressBar = (ProgressBar)this.findViewById(R.id.disc_audio_progressbar);
mProgressBar.setProgress(0);
mAudioTimer = new UITimer(1000) {
@Override
protected void onTime() {
// TODO Auto-generated method stub
setTimeInfo(mPlayTime, mEndTime);
mPlayTime+=1000;
}
};
mAudioTimer.Start();

// 設置時間bar和info中的time信息
public void setTimeInfo(int curTime, int tolTime) {

mProgressBar.setProgress(mPlayTime);
mProgressBar.setMax(mEndTime);
//mProgressBar.setSecondaryProgress(mEndTime);
}

所以,Android UI裡的很多復雜的問題,可以通過一些簡單的變通實現效果。

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11

Copyright © Linux教程網 All Rights Reserved