垂直方向进度条

xiaoerbuyu1233

于 2022-05-10 17:53:14 发布

阅读量234

点赞数

分类专栏：安卓相关文章标签： android webview android studio

本文链接：https://blog.csdn.net/xiaoerbuyu1233/article/details/124693929

版权

安卓相关专栏收录该内容

219 篇文章 4 订阅

订阅专栏

这篇博客展示了如何在Android中创建一个自定义的垂直进度条，通过使用layer-list作为progressDrawable，设置了背景颜色、进度颜色，并调整了进度条的显示方式。博客详细解释了XML布局代码，包括item元素的配置，以及如何实现渐变效果。

摘要由CSDN通过智能技术生成

<ProgressBar
        android:id="@+id/spb"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginBottom="1dp"
        android:max="100"
        android:progress="50"
        android:progressDrawable="@drawable/progress_vertical"/>

progress_vertical.xml

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

    <item android:id="@android:id/background">
        <shape>
<!--            <corners android:radius="5dip" />-->
            <solid android:color="@color/white"/>
<!--            <gradient-->
<!--                android:startColor="#ff9d9e9d"-->
<!--                android:centerColor="#ff5a5d5a"-->
<!--                android:centerX="0.75"-->
<!--                android:endColor="#ff747674"-->
<!--                android:angle="90"-->
<!--                />-->
        </shape>
    </item>

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

    <item android:id="@android:id/progress">
        <clip  android:clipOrientation="vertical"
            android:gravity = "bottom">
            <shape android:shape="rectangle">
<!--                <corners android:radius="5dip" />-->
                <solid android:color="#ffffd300"/>
<!--                <gradient-->
<!--                    android:startColor="#ffffd300"-->
<!--                    android:centerColor="#ffffb600"-->
<!--                    android:centerX="0.75"-->
<!--                    android:endColor="#ffffcb00"-->
<!--                    android:angle="90"-->
<!--                    />-->
            </shape>
        </clip>
    </item>

</layer-list>

xiaoerbuyu1233

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
垂直方向进度条

<ProgressBar android:id="@+id/spb" style="?android:attr/progressBarStyleHorizontal" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_marginBottom="1dp" android:max=".
复制链接

扫一扫

专栏目录