layer-list方式自定义progressbar

先上布局：

<ProgressBarandroid:id="@+id/pb"style="@android:style/Widget.ProgressBar.Horizontal"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="1"android:progressDrawable="@drawable/bg_progressbar"android:max="100"/>

progressDrawable是重点，根标签是layer-list，看下代码：

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source ProjectLicensed under the Apache License, Version 2.0 (the "License");you may not use this file except in compliance with the License.You may obtain a copy of the License athttp://www.apache.org/licenses/LICENSE-2.0Unless required by applicable law or agreed to in writing, softwaredistributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.See the License for the specific language governing permissions andlimitations under the License.
--><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/color_e7e7e7"/></shape></item><item android:id="@android:id/secondaryProgress"><clip><shape><corners android:radius="5dip" /><solid android:color="@color/color_f04726"/></shape></clip></item><item android:id="@android:id/progress"><clip><shape><corners android:radius="5dip" /><solid android:color="@color/color_f04726"></solid></shape></clip></item></layer-list>

这里介绍一下clip标签，<clip>标签使用了如下的3个属性来控制如何截取图像。

android:drawable：指定要剪切的原图像，这里用的不是图片，用的是shape。

android:clipOrientation：截取的方向。可取的值：horizontal和vertical。分别表示水平和垂直方向截取图像。

android:gravity：表示如何截取图像。例如，left表示从左侧截取图像，right表示从右侧截取图像。

这样出来的进度是直角的，如果想要进度也是圆角的，布局如下：

?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source ProjectLicensed under the Apache License, Version 2.0 (the "License");you may not use this file except in compliance with the License.You may obtain a copy of the License athttp://www.apache.org/licenses/LICENSE-2.0Unless required by applicable law or agreed to in writing, softwaredistributed under the License is distributed on an "AS IS" BASIS,WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.See the License for the specific language governing permissions andlimitations under the License.
--><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/color_e7e7e7"/></shape></item><item android:id="@android:id/secondaryProgress"><clip><shape><corners android:radius="5dip" /><solid android:color="@color/color_f04726"/></shape></clip></item><item android:id="@android:id/progress"><scaleandroid:scaleWidth="100%" ><shape><corners android:radius="5dip" /><solid android:color="@color/color_f04726"></solid></shape></scale></item></layer-list>

关键点是将clip标签替换为scale标签，scaleWidth设置为100%。

layer-list方式自定义progressbar相关推荐

android 自定义进度条_第一百八十九回：Android中自定义ProgressBar三
各位看官们大家好,上一回中咱们说的是Android中自定义ProgressBar的例子,这一回咱们继续说该例子.闲话休提,言归正转.让我们一起Talk Android吧! 看官们,我们在上一回是通过自 ...
Android 自定义ProgressBar 实现进度圆环
实现的效果如下图实现效果图demo 的地址代码很简单自定义ProgressBar 下面直接列举下代码 progressBarView 的代码如下 public class ProgressBarV ...
自定义ProgressBar(自定义View和ClipDrawable)
开发中经常需要自定义ProgressBar,这里用了自定义View和ClipDrawable实现简单的ProgressBar 自定义View效果: public class CustomProgres ...
android自定义progressbar样式,Android开发中如何实现自定义ProgressBar的样式
Android开发中如何实现自定义ProgressBar的样式发布时间:2020-11-20 16:08:10 来源:亿速云阅读:294 作者:Leah Android开发中如何实现自定义Prog ...
android 自定义背景园,Android 自定义ProgressBar 进度条颜色和背景颜色
Android 自定义ProgressBar 进度条颜色和背景颜色首先,在drawable目录下新建文件 personal_center_level_progress_bg.xmlandroid a ...
android 自定义progressbar demo,Android自定义View――动态ProgressBar之模仿360加速球
在之前一篇文章中我们讲解了三种ProgressBar的做法,详见-><Android 自定义View--自定义ProgressBar >.这一节中我们模仿360加速球制作一个动态Pr ...
自定义android进度条渐变,自定义ProgressBar简单完成颜色渐变功能进度条
我们在使用电脑或者手机时,经常会遇到进度条,比如下图: 今天我来演示一下,如何做出简单并且漂亮的颜色渐变进度条. 首先我先新建了一个系统默认样式的进度条,代码如下: 运行后显示如下: 大家可以看出,并 ...
android自定义progressbar 图片,自定义ProgressBar(自定义View和ClipDrawable)
开发中经常需要自定义ProgressBar,这里用了自定义View和ClipDrawable实现简单的ProgressBar 自定义View效果: public class CustomProgres ...
扩展 OpenLayers.Layer.WMS 为自定义的瓦片浏览服务
WMS 是OGC制定的标准 WEB GIS 协议,现在众多的图形提供商都提供了自己的WEB图形服务,例如:ArcIMS.GoogleMaps.KaMap等等.要使用这些服务并制作自己的WEB客户端,使 ...

layer-list方式自定义progressbar

layer-list方式自定义progressbar相关推荐

最新文章

热门文章