改善Android进度条

最新推荐文章于 2025-04-24 10:24:29 发布

y_chengyong

最新推荐文章于 2025-04-24 10:24:29 发布

阅读量693

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签： android 进度条

本文链接：https://blog.youkuaiyun.com/y_chengyong/article/details/50002187

android 专栏收录该内容

56 篇文章

订阅专栏

本文介绍了如何改善Android进度条，包括如何用圆形进度条替换默认的转圈动画，通过设置`android:indeterminateDrawable`和`android:indeterminateDuration`属性调整转圈效果。此外，还讲解了创建水平进度条的方法，适用于网页加载时显示，详细配置在`@style/progressBarHorizontal_color`和`@drawable/progress_color_horizontal`文件中。

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

圆形进度条（替换默认转圈图片）

<ProgressBar
    style="@android:style/Widget.ProgressBar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminateDrawable="@drawable/custom_progressbar"
    android:indeterminateDuration="1000"
    />

android:indeterminateDrawable属性决定进度条动画
android:indeterminateDuration决定转圈快慢
@drawable/custom_progressbar动画定义如下：

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@mipmap/ic_custom_progress_bar"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="360">
</rotate>

android:drawable=”@mipmap/ic_custom_progress_bar” 此属性是进度条的图片资源

水平进度条（一般用于加载网页时显示）

<ProgressBar
            android:id="@+id/webview_progressbar"
            style="@style/progressBarHorizontal_color"
            android:layout_width="match_parent"
            android:layout_height="2dp" />

@style/progressBarHorizontal_color文件如下：

    <style name="progressBarHorizontal_color" 
           parent="android:style/Widget.Holo.ProgressBar.Horizontal">
        <item name="android:indeterminateOnly">false</item>
        <item name="android:progressDrawable">@drawable/progress_color_horizontal</item>
    </style>

@drawable/progress_color_horizontal文件如下：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#ed0004"
                    android:centerY="0.75"
                    android:endColor="#ed0004"
                    android:startColor="#ed0004" />
            </shape>
        </clip>
    </item>

</layer-list>