Android Progressbar进度条样式调整为圆角矩形,且改变颜色

原文地址: Android Progressbar进度条样式调整为圆角矩形,且改变颜色

美工设计的进度条是圆角矩形的,与Android默认的样式有所区别,可以通过样式progressDrawable属性来对进度条组件进行调整

实现效果:

代码:

  <ProgressBar
        android:id="@+id/progressBar"
        android:layout_marginBottom="75dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        style="@style/Widget.AppCompat.ProgressBar.Horizontal"
        tools:progress="10"
        android:progressDrawable="@drawable/shape_bg_progressbar"
        android:layout_width="0dp"
        android:layout_height="9dp"/>

shape_bg_progressbar.xml

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="#363636" />
            <corners android:radius="5dp" />
        </shape>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape android:shape="rectangle">
                <solid android:color="#EA483F" />
                <corners android:radius="5dp" />
            </shape>
        </clip>
    </item>
</layer-list>

PS: 注意第二个的<clip>标签

posted @ 2023-06-25 10:31  Stars-one  阅读(1111)  评论(0编辑  收藏  举报