进度条分为圆形的和直线的,由于我的需求是直线的,所以就来说说直线进度条是如何改变背景的(还别说,坑挺多)
在这里插入图片描述

1.默认颜色
    <LinearLayout
                        android:layout_marginTop="8dp"
                        android:gravity="center_vertical"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">
                        <TextView
                            android:text="描述相符"
                            android:textSize="13sp"
                            android:layout_marginRight="10dp"
                            android:textColor="@color/theme_textColor"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
                        <ProgressBar
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="40"
                            android:max="100"
                            android:layout_weight="3.0"
                            android:layout_width="wrap_content"
                            android:layout_height="6dp"/>
                        <TextView
                            android:layout_marginLeft="10dp"
                            android:text="2.0"
                            android:textColor="@color/theme_textColor"
                            android:textSize="13sp"
                            android:layout_weight="1.0"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
                    </LinearLayout>                

写完上面代码后,看效果如上图,第一个进度条就是其默认的颜色,然而绿色太绿了,不符合我想要的,所以我想把它改为和下面两个一样的。

2.修改背景颜色和当前进度条颜色

这里的话,得先创建一个drawable文件,设置背景色和进度条,如下:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--设置ProgressBar背景色-->
    <item android:id="@android:id/background">
        <shape>
            <!--设置ProgressBar进度条圆角半径-->
            <corners android:radius="8dp" />
            <solid android:color="@color/them_backColor" />
        </shape>
    </item>

    <!--设置ProgressBar进度条颜色-->
    <item android:id="@android:id/progress">
        <clip android:clipOrientation="horizontal">
            <shape>
                <corners android:radius="8dp" />
                <solid android:color="@color/Vip_backColor" />
            </shape>
        </clip>
    </item>
</layer-list>

然后就是在ProgressBar控件中使用

我一开始是直接在backgroud里使用的,结果得到的效果就是没变化(后来发现自己使用错了),应该是通过progressDrawable这个属性来使用的

 <ProgressBar
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="40"
                            android:max="100"
                            android:background="@drawable/progress_bg"
                            android:layout_weight="3.0"
                            android:layout_width="wrap_content"
                            android:layout_height="6dp"/>

最后,把属性改了之后就可以生效了

<ProgressBar
                            style="?android:attr/progressBarStyleHorizontal"
                            android:progress="40"
                            android:max="100"
                            android:progressDrawable="@drawable/progress_bg"
                            android:layout_weight="3.0"
                            android:layout_width="wrap_content"
                            android:layout_height="6dp"/>

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐