如何更改android进度条的粗细

Question

这应该是一个非常容易定制的样式......

我想要一个非常粗的水平进度条（或者我可以自定义厚度）并且颜色与应用程序颜色相匹配

如果我做

<ProgressBar
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_below="@id/textLoading"
    android:layout_centerHorizontal="true"
    android:indeterminate="true"
     />

进度条是水平的，与应用程序的视觉标识相匹配……但是太薄了……这个人需要眼镜才能看到它

如果我做

<ProgressBar
        android:id="@+id/progressBar"
        style="android:Widget.ProgressBar.Horizontal"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:layout_below="@id/textLoading"
        android:layout_centerHorizontal="true"
        android:indeterminate="true"
         />

进度条的厚度很好，但颜色是愚蠢的黄色，与此 plannet 中的任何内容都不匹配

我如何自定义单个参数？？？

Answer 1

您可以使用Android Material Progress Bar： com.google.android.material.progressindicator.LinearProgressIndicator

XML 示例：

<com.google.android.material.progressindicator.LinearProgressIndicator
    android:id="@+id/progressBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:progress="45"
    app:indicatorColor="@color/blue_light"
    app:trackColor="#FFFFFF"
    app:trackCornerRadius="5dp"
    app:trackThickness="10dp" />

现在您可以使用app:trackThickness调整进度条的粗细

您还可以在此处查看有关 Material Progress Bar 的 Google Material Design 页面：https://material.io/components/progress-indicators/android#using-progress-indicators

Answer 2

有很多方法可以实现您的需求：

1-android:scaleY="8"在您的 XML 文件中使用

或从代码

mProgressBar.setScaleY(3f);

2-style="@android:style/Widget.ProgressBar.Horizontal" 这将使您拥有水平进度条，因此您可以在样式中继承它并按如下方式对其进行编辑：

<style name="CustomProgressBarHorizontal" parent="android:Widget.ProgressBar.Horizontal">
      <item name="android:progressDrawable">@drawable/custom_progress_bar_horizontal</item>
      <item name="android:minHeight">10dp</item>
      <item name="android:maxHeight">20dp</item>
</style>

Answer 3

这是进度条的示例：

 <ProgressBar
        android:id="@+id/progressBar"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:progressDrawable="@drawable/my_progressbar" />

这是 my_progressbar.xml：

<?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:gravity="center_vertical|fill_horizontal">
    <shape android:shape="rectangle">
        <corners android:radius="10dp"/>
        <size android:height="20dp"/>
        <solid android:color="@color/blue"/>
    </shape>
</item>
<item
    android:id="@android:id/progress"
    android:gravity="center_vertical|fill_horizontal">
    <scale android:scaleWidth="100%">
        <shape android:shape="rectangle">
            <corners
                android:radius="10dp"
                />
            <size android:height="20dp"/>
            <solid android:color="@color/yellow"/>
        </shape>
    </scale>
</item>
</layer-list>

这是它的外观示例：