android进度条样式

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

sundy_fly

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

阅读量496

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签： android

本文链接：https://blog.youkuaiyun.com/sundy_fly/article/details/52873387

android 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用XML定义两种不同风格的水平进度条，并在Activity布局文件中应用这些样式。第一种样式采用渐变颜色和圆角，第二种则利用nine-patch资源实现。通过SeekBar组件展示进度条效果。

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

1.水平进度条

(1)水平样式一(progress_horizontal.xml)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="6dip" />
            <gradient
                android:angle="270"
                android:centerColor="#b4b4b4"
                android:centerY="0.2"
                android:endColor="#000000"
                android:startColor="#000000" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="6dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#b4b4b4"
                    android:centerY="0.2"
                    android:endColor="#000000"
                    android:startColor="#000000" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="6dip" />
                <gradient
                    android:angle="270"
                    android:centerColor="#0070de"
                    android:centerY="0.2"
                    android:endColor="#0060ce"
                    android:startColor="#0185f2" />
            </shape>
        </clip>
    </item>
</layer-list>

(2)水平样式二(progress_horizontal_ninpatch.xml)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:id="@android:id/background">
        <nine-patch android:src="@drawable/seekbar_n" />
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <nine-patch android:src="@drawable/seekbar_d" />
        </clip>
    </item>
</layer-list>

（3）在activity_main.xml中引用

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="65dip"
        android:layout_marginRight="65dip"
        android:layout_marginTop="85dip"
        android:max="100"
        android:maxHeight="45dp"
        android:minHeight="45dp"
        android:progress="50"
        android:progressDrawable="@drawable/progress_horizontal_ninpath"
        android:thumb="@drawable/seekbar_thumb"
        android:thumbOffset="0dp" />

    <SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="65dip"
        android:layout_marginRight="65dip"
        android:layout_marginTop="45dip"
        android:max="100"
        android:maxHeight="10dp"
        android:minHeight="10dp"
        android:progress="50"
        android:progressDrawable="@drawable/progress_horizontal"
        android:thumb="@drawable/seekbar_thumb"
        android:thumbOffset="0dp" />
</LinearLayout>