android中progressBar背景和进度条颜色的设置

本文介绍了如何在Android中改变直线进度条的默认颜色,通过创建drawable资源文件设置背景和进度条颜色,并通过progressDrawable属性应用到ProgressBar,实现与界面风格一致的进度条效果。

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

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

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值