从右到左进度条?

问题描述 投票:0回答:8

有谁知道如何反转视图,我有一个水平进度条,我希望它从右到左而不是从左到右

android view progress-bar
8个回答
73
投票

更容易。您只需调用以下方法,然后它就会旋转并按照您想要的方式工作。

progressBar.setRotation(180);

一个例子: a normal progressbar and a RTL progressbar


34
投票

您可以使用scaleX或scaleY属性翻转xml中的视图

    <ProgressBar
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:scaleX="-1"/>

18
投票

创建普通进度条视图的子类,并实现 onDraw 方法以在绘制画布之前旋转画布:

@Override
protected void onDraw(Canvas canvas) {
    canvas.save();
    canvas.rotate(180,<CenterX>,<CenterY>);
    super.onDraw(canvas);
    canvas.restore();
}

这应该可以解决问题。


14
投票
 public class inverseSeekBar extends ProgressBar {

public inverseSeekBar(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    // TODO Auto-generated constructor stub
}

public inverseSeekBar(Context context, AttributeSet attrs) {
    super(context, attrs);
    // TODO Auto-generated constructor stub
}

public inverseSeekBar(Context context) {
    super(context);
    // TODO Auto-generated constructor stub
}

@Override
protected synchronized void onDraw(Canvas canvas) {
    // TODO Auto-generated method stub
     canvas.save(); 

        //now we change the matrix
        //We need to rotate around the center of our text
        //Otherwise it rotates around the origin, and that's bad. 
        float py = this.getHeight()/2.0f;
        float px = this.getWidth()/2.0f;
        canvas.rotate(180, px, py); 

        //draw the text with the matrix applied. 
        super.onDraw(canvas); 

        //restore the old matrix. 
        canvas.restore(); 
}}
  <com.hlidskialf.android.widget.inverseSeekBar 

       style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="200dip"
    android:layout_height="wrap_content"
    android:max="100"
    android:progress="50"
    android:secondaryProgress="75" 

/> 

我的包:com.test.testProgressBar


10
投票

您不需要旋转整个

View

只需在您的 my_progress_drawable.xml 中使用

单个 xml 属性

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/my_background"/>
    <item android:id="@android:id/progress">
        <clip
            android:drawable="@drawable/my_right_to_left_progress"
            android:gravity="right" /> <!-- Clip the image from the RIGHT -->
    </item>

</layer-list>

文档告诉我们,

gravity="right"
是这样做的:

将对象放在其容器的右边缘,而不改变其大小。当 ClipOrientation 为“水平”时,剪切发生在可绘制对象的左侧。

不要覆盖

onDraw()
。此实现在不同版本的 Android 上更加稳定。

不幸的是,如果不调用

构造函数
,就不可能以编程方式设置 ClipDrawable 的重力。


8
投票

如果您想要 XML 格式,可以使用两个属性。 如果您想使用

android:layoutDirection="rtl"
,则至少需要 API 17,但如果您使用
android:rotation="180"
,则没有 API 限制

<ProgressBar
        android:progress="20"
        android:rotation="180"
        style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

7
投票

因为我很懒,我只是将这两行添加到

seekbar
xml:

android:layoutDirection="rtl"
android:mirrorForRtl="true"

这有什么缺点吗?


3
投票

您可以使用

android:layoutDirection="rtl"

<ProgressBar
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layoutDirection="rtl" />
© www.soinside.com 2019 - 2024. All rights reserved.