如何创建这种类型的纹理进度条“line-diag”（ninepatch？）？

Question

如何创建这种带纹理的进度条“line-diag”（ninepatch？）？

我已经阅读了一些帖子，我认为解决方案是使用 9-patch 类型的图像。但我不明白如何正确地做到这一点。你能解释一下如何制作这个进度条吗？

Answer 1

我认为您不需要 9-patch。只需动态更改填充条的宽度（我猜那是鲜红色的），然后设置正确的scaleType.-

<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" >

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/bar_dark" />

    <ImageView
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:scaleType="matrix"
        android:src="@drawable/bar_light" />

</RelativeLayout>

---

对于ProgressBar 组件，这篇文章可能会有所帮助。-

Android ProgressBar UI custom layout

Answer 2

不需要 9 补丁。您可以使用自定义 XML 可绘制对象。这是一个很好的教程：Android Tutorials for Beginners

Google“android 自定义进度条”获取更多示例。