当前位置：首页 > 资讯 > 技术文档

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

时间：2020-03-27 04:43 编辑：来源：阅读：
扫一扫，手机访问

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

平时项目中经常用到自定义进度条样式，我们一般实现的也是下面的第一种，至于第二种的圆角进度，网上介绍的资料也不是很多，这里一起展示一下这两种的实现。 [img]http://files.jb51.net/file_images/article/201608/2016829144359836.jpg?201672914447[/img] 下面开始看代码，先从主界面布局开始看起:

<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。点击下载：[url=http://xiazai.jb51.net/201608/yuanma/andrioid-progress(jb51.net).rar]http://xiazai.jb51.net/201608/yuanma/andrioid-progress(jb51.net).rar[/url] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：简单实现Android验证码
下一篇：Android中XML的基本操作（增、删、改、查）

资讯排行榜
更多>>