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",这样就能做到从右到左画进度条。

<?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="@drawable/progress_bg"/> -->
    <item android:id="@android:id/progress">
        <clip
            android: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时,会在可绘制资源的左边进行裁剪。


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. Android进度条函数 Android 提供了多种类型的进度条函数,您可以根据您的需求选择合适的进度条函数。以下是一些常用的进度条函数: (1)ProgressDialog ProgressDialog 是 Android 提供的一个对话框,它可以显示一个进度条。在 ProgressDialog 中,您可以设置进度条的样式、进度条的进度、对话框的标题和消息等。 (2)ProgressBar ProgressBar 是 Android 提供的一个进度条控件。它可以在您的应用程序中显示一个进度条。您可以设置 ProgressBar 的样式、进度条的进度等。 (3)SeekBar SeekBar 是 Android 提供的一个滑动条控件。它可以在您的应用程序中显示一个可滑动的进度条。SeekBar 可以用来设置音量、亮度等。 2. Android ListView的使用方法 ListView 是 Android 提供的一个列表控件。它可以在您的应用程序中显示一个可滚动的列表。以下是 ListView 的使用方法: (1)创建一个 ListView 组件 您可以在布局文件中创建一个 ListView 组件。您可以使用以下代码: ``` <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` (2)创建一个 Adapter 您需要创建一个 Adapter 来为 ListView 提供数据。Adapter 可以将数据源(如数组或数据库)中的数据转换为 ListView 中的每个列表项。 (3)设置 Adapter 您需要使用 setAdapter() 方法将 Adapter 设置给 ListView。您可以使用以下代码: ``` ListView listView = findViewById(R.id.listview); MyAdapter adapter = new MyAdapter(this, data); listView.setAdapter(adapter); ``` 其中,MyAdapter 是您创建的 Adapter,data 是您要显示的数据源。 3. ProgressBar(进度条控件)的使用方法 ProgressBar 是 Android 提供的一个进度条控件。它可以在您的应用程序中显示一个进度条。以下是 ProgressBar 的使用方法: (1)创建一个 ProgressBar 组件 您可以在布局文件中创建一个 ProgressBar 组件。您可以使用以下代码: ``` <ProgressBar android:id="@+id/progressbar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:visibility="visible" /> ``` (2)设置 ProgressBar 的进度 您可以使用 setProgress() 方法设置 ProgressBar 的进度。您可以使用以下代码: ``` ProgressBar progressBar = findViewById(R.id.progressbar); progressBar.setProgress(50); ``` 其中,50 是进度条的进度值。 (3)设置 ProgressBar 的样式 您可以使用 setIndeterminate() 方法设置 ProgressBar 的样式。如果将该方法的参数设置为 true,则 ProgressBar 将显示一个循环动画,表示进度条正在进行中。如果将该方法的参数设置为 false,则 ProgressBar 将显示一个静态的进度条。 ``` ProgressBar progressBar = findViewById(R.id.progressbar); progressBar.setIndeterminate(true); ``` 以上就是 Android 进度条函数、ListView 和 ProgressBar(进度条控件)的使用方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值