侧边栏壁纸
博主头像
Stars-One的杂货小窝博主等级

所有的创作都是有价值的

  • 累计撰写 268 篇文章
  • 累计创建 46 个标签
  • 累计收到 27 条评论

目 录CONTENT

文章目录

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

Stars-one
2023-06-25 / 0 评论 / 0 点赞 / 591 阅读 / 2839 字

美工设计的进度条是圆角矩形的,与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>标签

0

评论区