Android 中的进度条和文本

Question

我想创建ProgressBar 以及与下面相同的文本。

请指导我。我开发了一些设计，但我无法在ProgressBar 的右侧显示文本，因为进度条占用最小宽度。请看下图：

我被困在这个问题上。提前致谢。

我的代码是：

 <RelativeLayout
            android:layout_width="match_parent"
            android:layout_below="@+id/lnrButtons"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_marginRight="30dp"
            android:padding="5dp"
            android:background="@drawable/white_button_selector">

            <ProgressBar
                android:id="@+id/progressBarHome"
                android:layout_width="match_parent"
                style="?android:attr/progressBarStyleHorizontal"
                android:progressDrawable="@drawable/custom_progress_bar"
                android:layout_height="wrap_content"
                android:progress="50"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:indeterminate="false"/>

            <TextView
                android:id="@+id/txtProgress"
                android:layout_width="wrap_content"
                android:text="10%"
                android:textColor="@color/light_orange"
                android:background="@android:color/transparent"
                android:layout_centerVertical="true"
                android:layout_alignRight="@+id/progressBarHome"

                android:layout_height="wrap_content"/>

        </RelativeLayout>

实现代码更改后输出为：

Answer 1

我想 Android ValueAnimator 应该可以为您解决问题。基本上，您需要为这个进度条设置一个自定义形状，当进度增加时，您可以设置动画以缩放其宽度。

您可能会在这里得到一些帮助 ObjectAnimator animate LinearLayout width

Answer 2

你就按照那个来设计布局，我想你的布局设计会跟上来的。

例如。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <ProgressBar
      style="@android:style/Widget.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       android:id="@+id/PROGRESS_BAR"
    >
    <TextView
        android:background="#00000000" // transparent background
        android:layout_alignLeft="@id/PROGRESS_BAR"
        android:layout_alignTop="@id/PROGRESS_BAR"
        android:layout_alignRight="@id/PROGRESS_BAR"
        android:layout_alignBottom="@id/PROGRESS_BAR"
    >
</RelativeLayout>

根据您的要求，如果您想移动您的文本视图，您必须将您的进度值传递给以下txtView.setX((int) ur progress value);

希望对你有帮助。