近期的項目，有個需求須要使用條狀圖顯示比例，而且右對齊，見下圖：

我想到了使用進度條，這樣不就不須要在代碼動態繪制條狀了，省了非常多活。

那么進度條如何從右向左顯示呢？

方案一：

將ProgressBar的前背景反著用，將前景色設置為和整個大背景同一色，將背景設置為你要的條狀圖顏色，這樣就看不出實際的進度，看到的是進度背景，在視覺上看上去就是右對齊了。實際上還是原來那個進度條。

缺點：我這個進度條是放在ListView的item中的，點擊listview，由于listview有選中的背景顯示出來，這樣ProgressBar的前景色就原形畢露了。

方案二：

重寫ProgressBar的onDraw函數，通過旋轉畫布(Canvas)180度，達到自右至左的進度效果。這個方法理論上可行，網上有人旋轉了90度，是能夠的，參考地址：

http://www.xprogrammer.com/234.html
http://www.verydemo.com/demo_c131_i3507.html

關鍵代碼：

@Override protected synchronized void onDraw(Canvas canvas) {switch (curr_mode) {case MODE_BOTTOM:canvas.rotate(-90);canvas.translate(-canvas.getHeight(), 0);super.onDraw(canvas);break;case MODE_TOP:canvas.rotate(90,canvas.getWidth(),0);canvas.translate(10,0);super.onDraw(canvas);break; }

此方案缺點：須要計算旋轉中心點，比較復雜，因為對canvas旋轉不熟，我終于沒能旋轉180度成功，哪位大神搞定了告訴我一聲，共同學習

方案三：

此方案是最優方案，簡單高效！利用Drawable本身的屬性，反向繪制進度條。這里將backgroud凝視掉，不顯示backgroud，然后對前景色加上兩個關鍵屬性：android:clipOrientation="horizontal"，android:gravity="right"，這樣就能做到從右到左畫進度條。

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><!-- <itemandroid:id="@android:id/background"android:drawable="@drawable/progress_bg"/> --><item android:id="@android:id/progress"><clipandroid:clipOrientation="horizontal"android:gravity="right" ><scale android:drawable="@drawable/progress_progress" /></clip></item></layer-list>順便學習一下Drawable的其它屬性：

http://www.cnblogs.com/andriod-html5/archive/2012/04/24/2539432.html

android:clipOrientation=["horizontal" | "vertical"]android:gravity=["top" | "bottom" | "left" | "right" | "center_vertical" |"fill_vertical" | "center_horizontal" | "fill_horizontal" |"center" | "fill" | "clip_vertical" | "clip_horizontal"] />

把對象放到容器的右邊，不改變它的尺寸。當clipOrientation被設置為horizontal時，會在可繪制資源的左邊進行裁剪。

總結

以上是生活随笔為你收集整理的Android ProgressBar 反向进度条/进度条从右到左走的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。