android 進度條_Android ProgressBar 反向進度條/進度條從右到左走

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

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

那麼進度條怎樣從右向左顯示呢？

方案一：

將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，這樣就能做到從右到左畫進度條。

android:clipOrientation=[horizontal | vertical]

fill_vertical | center_horizontal | fill_horizontal |

center | fill | clip_vertical | clip_horizontal] />

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

android 進度條_Android ProgressBar 反向進度條/進度條從右到左走相关推荐

Android ProgressBar 反向进度条/进度条从右到左走
近期的项目,有个需求须要使用条状图显示比例,而且右对齐,见下图: 我想到了使用进度条,这样不就不须要在代码动态绘制条状了,省了非常多活. 那么进度条如何从右向左显示呢? 方案一: 将ProgressB ...
android 反向进度条,Android ProgressBar 反向进度条/进度条从右到左走
最近的项目,有个需求需要使用条状图显示比例,并且右对齐,见下图: 我想到了使用进度条,这样不就不需要在代码动态绘制条状了,省了很多活. 那么进度条怎样从右向左显示呢? 方案一: 将ProgressBa ...
安卓开发——ProgressBar反向进度条（进度条从右向左走）
使用drawable资源文件,通过设置android:clipOrientation="horizontal",android:gravity="right"这 ...
Android反向进度条(ProgressBar)的实现——从右到左的进度条
Android反向进度条(ProgressBar)--从右到左的进度条前言: 最近在项目中需要使用到反向进度条,在网上查了些资料,感觉对自己作用不大,于是自定义样式,实现了反向进度条. 1. 第一步 ...
Android 原生控件之三 ProgressBar
Android 原生控件之三 ProgressBar 相关来源开始不确定的进度确定的进度 XML属性 1.android:animationResolution 2.android:indet ...
android仿微博头像_Android 仿instagram和微博的头像点击加载动画
ins.gif 对,就是转圈圈的这个,这么酷炫,我也要做一个!在整理代码和总结时候,神奇的事情发生了,在我日常刷微博的时候点开微博客户端时候突然发现: weibo.gif 缘分啊,发现了微博Andro ...
Android 各种自定义进度条Progressbar
Android 自定义进度条 Progressbar 控件集合关于我,欢迎关注博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton Github ...
Android银弧刀之ProgressBar之最炫民族风
传送门 ☞ Android兵器谱 ☞ 转载请注明 ☞ http://blog.csdn.net/leverage_1229 银弧刀陆无双抬起头来,只见四名乞丐,一字排在门外,或高或 ...
[置顶] Android银弧刀之ProgressBar之最炫民族风
传送门 ☞ RatingBar之评委请亮分传送门 ☞ SeekBar之双管齐下银弧刀陆无双抬起头来,只见四名乞丐,一字排在门外,或高或矮,一齐望着自己.她曾用银弧刀伤了一个乞丐 ...

android 進度條_Android ProgressBar 反向進度條/進度條從右到左走

android 進度條_Android ProgressBar 反向進度條/進度條從右到左走相关推荐

最新文章

热门文章