Android自定义水平进度条的圆角进度

 更新时间:2016年08月29日 14:47:18   作者:lv_fq  
这篇文章主要为大家详细介绍了Android自定义水平进度条的圆角进度,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

平时项目中经常用到自定义进度条样式,我们一般实现的也是下面的第一种,至于第二种的圆角进度,网上介绍的资料也不是很多,这里一起展示一下这两种的实现。


下面开始看代码,先从主界面布局开始看起:

<ProgressBar
  style="@android:style/Widget.ProgressBar.Horizontal"
  android:layout_width="match_parent"
  android:layout_height="20dp"
  android:layout_margin="10dp"
  android:max="100"
  android:progress="20"
  android:progressDrawable="@drawable/layer_list_progress_drawable_1" />


 <ProgressBar
  style="@android:style/Widget.ProgressBar.Horizontal"
  android:layout_width="match_parent"
  android:layout_height="20dp"
  android:layout_margin="10dp"
  android:max="100"
  android:progress="20"
  android:progressDrawable="@drawable/layer_list_progress_drawable" />

两个进度条布局,然后是不同的progressDrawable布局:
layer_list_progress_drawable_1.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"
  android:drawable="@drawable/shape_progressbar_bg" />

 <item android:id="@android:id/progress">

  <clip android:drawable="@drawable/shape_progressbar_progress" />

 </item>

</layer-list>

layer_list_progress_drawable.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"
  android:drawable="@drawable/shape_progressbar_bg" />

 <item android:id="@android:id/progress">

  <scale
   android:drawable="@drawable/shape_progressbar_progress"
   android:scaleWidth="100%" />

 </item>

</layer-list>

从上面两布局文件可以看出,布局文件基本也是相同的,唯一的区别就是item progress 的属性值。
item background也可以直接在ProgressBar配置文件设置,
如果在layer-list里面进行设置的话,也是要注意item的添加顺序。
下面是背景,和进度文件:
shape_progressbar_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

 <corners android:radius="10dp" />
 <solid android:color="#e2e2e2" />

</shape>

shape_progressbar_progress.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

 <corners android:radius="10dp" />
 <solid android:color="#f25252" />

</shape>

这两个基本也是一样的。
进度条的圆角进度也就这是这样,如果对配置文件的属性不明白,请自行Google。

点击下载:http://xiazai.jb51.net/201608/yuanma/andrioid-progress(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android Compose实现联系人列表流程

    Android Compose实现联系人列表流程

    声明式UI,更简单的自定义,实时带交互的预览功能Compose并不是类似于Recyclerview的高级控件,而是直接抛弃了View,ViewGroup那套东西,从上到下鲁了一套全新的框架,直白点说就是它的渲染机制,布局机制,触摸算法,以及UI具体写法全都是新的
    2023-03-03
  • Android实现底部滚轮式选择弹跳框

    Android实现底部滚轮式选择弹跳框

    这篇文章主要为大家详细介绍了Android实现底部滚轮式选择弹跳框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Android实现退出界面弹出提示对话框

    Android实现退出界面弹出提示对话框

    这篇文章主要为大家详细介绍了Android实现退出界面弹出提示对话框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android实现闪光灯效果

    Android实现闪光灯效果

    这篇文章主要为大家详细介绍了Android实现闪光灯效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android UI设计与开发之ViewPager介绍和简单实现引导界面

    Android UI设计与开发之ViewPager介绍和简单实现引导界面

    这篇文章主要为大家详细介绍了Android UI设计与开发之ViewPager介绍和简单实现引导界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android发布项目到jitpack的完整步骤

    Android发布项目到jitpack的完整步骤

    这篇文章主要给大家介绍了关于Android发布项目到jitpack的完整步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • Android TextView自定义数字滚动动画

    Android TextView自定义数字滚动动画

    这篇文章主要为大家详细介绍了Android TextView自定义数字滚动动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • OpenGL ES 矩阵变换及其数学原理详解(五)

    OpenGL ES 矩阵变换及其数学原理详解(五)

    这篇文章主要为大家详细介绍了OpenGL ES 矩阵变换及其数学原理的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Android自定义Dialog原理实例解析

    Android自定义Dialog原理实例解析

    这篇文章主要介绍了Android自定义Dialog原理实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 使用adb命令向Android模拟器中导入通讯录联系人的方法

    使用adb命令向Android模拟器中导入通讯录联系人的方法

    这篇文章主要介绍了使用adb命令向Android模拟器中导入通讯录联系人的方法,实例分析了导入通讯录存储文件的技巧,需要的朋友可以参考下
    2015-01-01

最新评论