Android--横向progressbar设置与实现

最新推荐文章于 2025-05-01 08:24:47 发布

Sizon_WoW

最新推荐文章于 2025-05-01 08:24:47 发布

阅读量8.1k

点赞数 3

分类专栏： Android 文章标签： android progress bar

本文链接：https://blog.youkuaiyun.com/u011200844/article/details/44806637

版权

Android 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何设置和实现Android的横向ProgressBar，重点在于style的选择、width和height的设定，以及progressDrawable的详细配置，包括背景颜色、次要进度和主要进度的颜色设置。通过这些步骤，可以成功创建无背景遮挡的横向进度条。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载请注明出处，谢谢~~

许多人都问这个横向的progressbar不行啊，我只能说肯定是哪没设置对，下面我就贴贴我的设置，仅供参考。

<ProgressBar 
        android:id="@+id/game_pro"
        android:layout_below="@id/game_name"
        android:layout_width="100dp"
        android:layout_height="30dp"
        android:layout_marginTop="10dp" 
        style="?android:attr/progressBarStyleHorizontal"
        android:background="@null"
        android:layout_centerHorizontal="true"
        android:progressDrawable="@drawable/progress_bg"/>

忽略什么id啊，below啊什么的。
width和height是设置progressbar的宽高，这可以写死，你写多大它就多大。
style必须是这个，只有设成这个才会是横向的。
background设置为null，这样就不会有背景盖住我们的背景。
然后progressDrawable 是重点，看看里面的具体代码：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="2dp" />

            <gradient
                android:angle="270"
                android:centerColor="@drawable/progress_back"
                android:centerY="0.75"
                android:endColor="@drawable/progress_back"
                android:startColor="@drawable/progress_back" />
        </shape>
    </item>

    <!--
    <item android:id="@android:id/secondaryProgress"> 
        <clip> 
            <shape> 
                <corners android:radius="5dip" /> 
                <gradient 
                        android:startColor="#80ffd300" 
                        android:centerColor="#80ffb600" 
                        android:centerY="0.75" 
                        android:endColor="#a0ffcb00" 
                        android:angle="270" 
                /> 
            </shape> 
        </clip> 
    </item>
    -->

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="2dip" />

                <gradient
                    android:angle="270"
                    android:centerColor="@drawable/progress_forecolor"
                    android:centerY="0.75"
                    android:endColor="@drawable/progress_forecolor"
                    android:startColor="@drawable/progress_forecolor" />
            </shape>
        </clip>
    </item>

</layer-list>

第一个 item 我们可以看到是android:id=”@android:id/background”,这是没有progress时候的背景色，这里设置的是个灰色的16进制。然后第二个被注释掉的item是 secondaryProgress，你懂的，有的进度条两个颜色进度，就是这个。第三个item是progress，就是我们要显示的第一个进度条的颜色。这样设置之后就完全没有问题了。贴个图：

这里写图片描述