如何在图像顶部以颜色变化的形式显示百分比进度

Question

我对 Android 很陌生。

我想要一个像下图一样的水平进度条（我有一个带有 4 个分隔线的矩形水平条图像，在该图像中我需要用红色显示进度）。为此我正在添加setIndeterminateDrawable 到progressBar 并在progressbar 的背景中获取图像。

在同一张图片中，我想用红色显示如下所示的进度 下面是我的xml布局代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ProgressBar
        android:id="@+id/pb_test"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:indeterminate="true"
        android:max="100"
        />

</LinearLayout>

以及Activity的代码

public class MainActivity extends AppCompatActivity {

 ProgressBar progressBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);
        progressBar = findViewById(R.id.pb_test);
        progressBar.setIndeterminateDrawable(ContextCompat.getDrawable(this, R.drawable.pbimage));
        progressBar.setProgress(30);
        }
    }

如何用上图的红色显示 30% 的进度。如何做到这一点。 我是stackoverflow的新手，所以我无法上传任何图片。

Answer 1

我建议您查看 this 库，它有各种示例也可以满足您的需求

编辑

查看 this 库以获取图像的进度条，如 whatsapp 状态、instagram 和 snapchat 中的图像