ProgressBar自定义样式(仿应用宝下载样式)

    <RelativeLayout
            android:id="@+id/rl_progress"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:gravity="center_horizontal"
            android:onClick="@{listener}"
            android:layout_weight="1">
            <ProgressBar
                android:id="@+id/progress_bar"
                style="@style/update_progress_horizontal"
                android:layout_width="343dp"
                android:layout_height="44dp"
                android:layout_marginTop="8dp"
                android:progress="@{bean.progress}"/>
            <TextView
                android:id="@+id/tv_progress"
                android:layout_width="343dp"
                android:layout_height="44dp"
                android:layout_marginTop="8dp"
                android:textSize="14sp"
                android:background="@drawable/server_models_download_bg"
                android:text="下载"
                android:gravity="center"
                android:textColor="@color/color_orange_DAB177"></TextView>
        </RelativeLayout>

  • 自定义样式
  <style name="update_progress_horizontal" parent="Widget.AppCompat.ProgressBar.Horizontal">
        <item name="android:indeterminateOnly">false</item>
        <!--进度条的进度颜色drawable文件-->
        <item name="android:progressDrawable">@drawable/progress_indeterminate_horizontal</item>
        <!--进度条的最小高度-->
        <item name="android:minHeight">17dp</item>
        <!--进度条的最大高度-->
        <item name="android:maxHeight">17dp</item>
    </style>
  • layer-list自定义progress_indeterminate_horizontal
<?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="4dip" />
            <!--未加载的进度区域颜色-->
            <solid android:color="#FFDBDBDB"/>
        </shape>
    </item>
    <!--缓冲的进度的颜色,一般视频播放的缓冲区域-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <!--进度条的圆角-->
                <corners android:radius="4dip" />
                <!--缓冲的进度的颜色,一般视频播放的缓冲进度-->
                <solid android:color="#FF272C31"/>
            </shape>
        </clip>
    </item>
    <!--已经加载完的进度的区域-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <!--进度条的圆角-->
                <corners android:radius="4dip" />
                <!--已经加载完的进度的颜色-->
                <solid android:color="#FF272C31"/>
            </shape>
        </clip>
    </item>
</layer-list>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ProgressBar 是 Android 开发中常用的控件之一,它用于展示进度条ProgressBar 的样式可以通过修改其属性或使用自定义样式来进行自定义。 下面是一个简单的 ProgressBar 自定义样式的示例: 1. 首先,在 `res/drawable` 目录下创建一个 XML 文件,例如 `custom_progress_bar.xml`。 ```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="8dp"/> <solid android:color="#e0e0e0"/> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="8dp"/> <solid android:color="#00FF00"/> </shape> </clip> </item> </layer-list> ``` 2. 在布局文件中使用自定义ProgressBar 样式。 ```xml <ProgressBar android:id="@+id/progressBar" style="@android:style/Widget.ProgressBar.Horizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:progressDrawable="@drawable/custom_progress_bar" android:indeterminate="false" android:max="100" android:progress="50"/> ``` 在这个示例中,我们定义了一个自定义ProgressBar 样式 `custom_progress_bar.xml`,并在布局文件中使用了这个样式。通过设置 `android:progressDrawable` 属性为自定义样式,我们可以实现自定义 ProgressBar 样式的效果。 这个示例中的自定义 ProgressBar 样式是一个分层列表,其中包含了两个项目: * `android:id="@android:id/background"`:用于设置 ProgressBar 的背景样式。 * `android:id="@android:id/progress"`:用于设置 ProgressBar 的进度样式。 在这个示例中,我们使用了圆角矩形来设置 ProgressBar 的形状,并使用了绿色的颜色来表示 ProgressBar 的进度。你可以根据自己的需要修改这些属性来实现自定义ProgressBar 样式

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值