Android编程实现自定义进度条颜色的方法

2024-09-28 06:46:52

本文实例讲述了Android编程实现自定义进度条颜色的方法。分享给大家供大家参考，具体如下：

android 自定义进度条颜色

先看图

基于产品经理各种自定义需求，经过查阅了解，下面是自己对android自定义进度条的学习过程！

这个没法了只能看源码了，还好下载了源码， sources\base\core\res\res\ 下应有尽有，修改进度条颜色只能找progress ,因为是改变样式，首先找styles.xml
找到xml后，进去找到

<style name="Widget.ProgressBar">
    <item name="android:indeterminateOnly">true</item>
    <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>
    <item name="android:indeterminateBehavior">repeat</item>
    <item name="android:indeterminateDuration">3500</item>
    <item name="android:minWidth">48dip</item>
    <item name="android:maxWidth">48dip</item>
    <item name="android:minHeight">48dip</item>
    <item name="android:maxHeight">48dip</item>
</style>
<style name="Widget.ProgressBar">
    <item name="android:indeterminateOnly">true</item>
    <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>
    <item name="android:indeterminateBehavior">repeat</item>
    <item name="android:indeterminateDuration">3500</item>
    <item name="android:minWidth">48dip</item>
    <item name="android:maxWidth">48dip</item>
    <item name="android:minHeight">48dip</item>
    <item name="android:maxHeight">48dip</item>
</style>

这是默认转圈的效果style，但今天我们修改的是水平进度条颜色！
所以找到

<style name="Widget.ProgressBar.Horizontal">
    <item name="android:indeterminateOnly">false</item>
    <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
    <item name="android:minHeight">20dip</item>
    <item name="android:maxHeight">20dip</item>
</style>
<style name="Widget.ProgressBar.Horizontal">
    <item name="android:indeterminateOnly">false</item>
    <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
    <item name="android:minHeight">20dip</item>
    <item name="android:maxHeight">20dip</item>
</style>

你看系统一步一步关联的，扩展性很性，低耦合，所以我们现在只要改变进度条是怎么样画出来的就行了，但是负责画进度条的是
<item name="android:progressDrawable"> 所以我们可以找到"drawable下的 progress_horizontal 文件，改变他就可以改变进度条颜色

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source Project
   Licensed 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 at
     http://www.apache.org/licenses/LICENSE-2.0
   Unless required by applicable law or agreed to in writing, software
   distributed 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 and
   limitations 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" />
      <gradient
          android:startColor="#ff9d9e9d"
          android:centerColor="#ff5a5d5a"
          android:centerY="0.75"
          android:endColor="#ff747674"
          android:angle="270"
      />
    </shape>
  </item>
  <item android:id="@android:id/secondaryProgress">
    <clip>
      <shape>
        <corners android:radius="5dip" />
        <gradient
            android:startColor="#80ffd300"
            android:centerColor="#80ffb600"
            android:centerY="0.75"
            android:endColor="#a0ffcb00"
            android:angle="270"
        />
      </shape>
    </clip>
  </item>
  <item android:id="@android:id/progress">
    <clip>
      <shape>
        <corners android:radius="5dip" />
        <gradient
            android:startColor="#ffffd300"
            android:centerColor="#ffffb600"
            android:centerY="0.75"
            android:endColor="#ffffcb00"
            android:angle="270"
        />
      </shape>
    </clip>
  </item>
</layer-list>

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2008 The Android Open Source Project
   Licensed 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 at
     http://www.apache.org/licenses/LICENSE-2.0
   Unless required by applicable law or agreed to in writing, software
   distributed 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 and
   limitations 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" />
      <gradient
          android:startColor="#ff9d9e9d"
          android:centerColor="#ff5a5d5a"
          android:centerY="0.75"
          android:endColor="#ff747674"
          android:angle="270"
      />
    </shape>
  </item>
  <item android:id="@android:id/secondaryProgress">
    <clip>
      <shape>
        <corners android:radius="5dip" />
        <gradient
            android:startColor="#80ffd300"
            android:centerColor="#80ffb600"
            android:centerY="0.75"
            android:endColor="#a0ffcb00"
            android:angle="270"
        />
      </shape>
    </clip>
  </item>
  <item android:id="@android:id/progress">
    <clip>
      <shape>
        <corners android:radius="5dip" />
        <gradient
            android:startColor="#ffffd300"
            android:centerColor="#ffffb600"
            android:centerY="0.75"
            android:endColor="#ffffcb00"
            android:angle="270"
        />
      </shape>
    </clip>
  </item>
</layer-list>

看到没有，这是系统的进度条画出的布局条件

android:startColor="#80ffd300"
android:centerColor="#80ffb600"
android:endColor="#ff747674"

我们只要改变这个色值就能改变他的颜色，主要改变的是<item android:id="@android:id/progress">下的色值就行了
说了这么多，到底怎么做呢，很简单

1. 在我们的项目下新建一个 style.xml 文件

创建一个style 标签，集成系统默认样式，然后自定义一个新的progressDrawable 文件，随后面在layout 中的progress 中引用这个文件就行

<style name="ProgressBar_Mini" parent="@android:style/Widget.ProgressBar.Horizontal">
    <item name="android:maxHeight">50dip</item>
    <item name="android:minHeight">8dip</item>
    <item name="android:indeterminateOnly">false</item>
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
    <item name="android:progressDrawable">@drawable/progressbar_mini</item>
</style>

下面是我的 progressbar_mini 文件，改变了下android:endColor="#F5F5F5" android:startColor="#BEBEBE" 的色值

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item android:id="@android:id/background">
     <shape >
        <corners android:radius="5dip" />
        <gradient
          android:angle="270"
          android:centerY="0.75"
          android:endColor="#F5F5F5"
          android:startColor="#BEBEBE" />
      </shape>
  </item>
  <item android:id="@android:id/secondaryProgress">
    <clip >
      <shape >
        <corners android:radius="0dip" />
        <gradient
          android:angle="270"
          android:centerY="0.75"
          android:endColor="#165CBC"
          android:startColor="#85B0E9" />
      </shape>
    </clip>
  </item>
  <item android:id="@android:id/progress">
    <clip >
      <shape >
        <corners android:radius="5dip" />
        <gradient
          android:angle="270"
          android:centerY="0.75"
          android:endColor="#165CBC"
          android:startColor="#85B0E9" />
      </shape>
    </clip>
  </item>
</layer-list>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item android:id="@android:id/background">
     <shape >
        <corners android:radius="5dip" />
        <gradient
          android:angle="270"
          android:centerY="0.75"
          android:endColor="#F5F5F5"
          android:startColor="#BEBEBE" />
      </shape>
  </item>
  <item android:id="@android:id/secondaryProgress">
    <clip >
      <shape >
        <corners android:radius="0dip" />
        <gradient
          android:angle="270"
          android:centerY="0.75"
          android:endColor="#165CBC"
          android:startColor="#85B0E9" />
      </shape>
    </clip>
  </item>
  <item android:id="@android:id/progress">
    <clip >
      <shape >
        <corners android:radius="5dip" />
        <gradient
          android:angle="270"
          android:centerY="0.75"
          android:endColor="#165CBC"
          android:startColor="#85B0E9" />
      </shape>
    </clip>
  </item>
</layer-list>

最后在中引用就可以了

<ProgressBar
    android:id="@+id/progress"
    style="@style/ProgressBar_Mini"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:progress="50" />

希望本文所述对大家Android程序设计有所帮助。

Android中自定义进度条详解

Android原生控件只有横向进度条一种,而且没法变换样式,比如原生rom的样子很丑是吧,当伟大的产品设计要求更换前背景,甚至纵向,甚至圆弧状的,咋办,比如: ok,我们开始吧: 一)变换前背景先来看看progressbar的属性: 复制代码代码如下: <ProgressBar android:id="@+id/progressBar" style="?android:attr/progressBarStyleHor
Android编程之ProgressBar圆形进度条颜色设置方法

本文实例讲述了Android ProgressBar圆形进度条颜色设置方法.分享给大家供大家参考,具体如下: 你是不是还在为设置进度条的颜色而烦恼呢--别着急,且看如下如何解决. ProgressBar分圆形进度条和水平进度条我这里就分享下如何设置圆形进度条的颜色吧,希望对大家会有帮助. 源码如下: 布局文件代码: <ProgressBar android:id="@+id/progressbar" android:layout_width="wrap_content
Android 自定义ProgressDialog进度条对话框用法详解

ProgressDialog的基本用法 ProgressDialog为进度对话框.android手机自带的对话框显得比较单一,我们可以通过ProgressDialog来自己定义对话框中将要显示出什么东西. 首先看看progressDialog里面的方法 setProgressStyle:设置进度条风格,风格为圆形,旋转的. setTitlt:设置标题 setMessage:设置提示信息: setIcon:设置标题图标: setIndeterminate:设置ProgressDialog 的进度条
Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码

遇到个动态改变SeekBar进度条颜色与滑块颜色的需求,有的是根据不同进度改变成不同颜色. 对于这个怎么做呢?大家都知道设置下progressDrawable与thumb即可,但是这样设置好就是确定的了,要动态更改需要在代码里实现. 用shape进度条与滑块 SeekBar设置代码里动态设置setProgressDrawable与setThumb 画图形,大家都比较熟悉,background是背景图,secondaryProgress第二进度条,progress进度条: <layer-list
android自定义进度条渐变圆形

在安全卫生上,经常看到有圆形的进度条在转动,效果非常好看,于是就尝试去实现一下,具体实现过程不多说了,直接上效果图,先炫耀下. 效果图: 分析:比较常见于扫描结果.进度条等场景利用canvas.drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)绘制圆弧 Paint的一些属性定义粗细.颜色.样式等 LinearGradient实现颜色的线型渐变同样的道理,可以画出长条进度
自定义Android圆形进度条(附源码)

本文实例讲述了Android自定义圆形进度条,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 自定义的View: import com.example.circlepregress.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import andr
Android编程实现自定义ProgressBar样式示例(背景色及一级、二级进度条颜色)

本文实例讲述了Android编程实现自定义ProgressBar样式.分享给大家供大家参考,具体如下: 效果图如下,本例中设置了第一级进度条和第二级进度条. 样式资源:progressbar_bg.xml,放在drawable文件夹下: <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/a
Android自定义水平进度条的圆角进度

平时项目中经常用到自定义进度条样式,我们一般实现的也是下面的第一种,至于第二种的圆角进度,网上介绍的资料也不是很多,这里一起展示一下这两种的实现. 下面开始看代码,先从主界面布局开始看起: <ProgressBar style="@android:style/Widget.ProgressBar.Horizontal" android:layout_width="match_parent" android:layout_height="20dp&qu
Android编程自定义进度条颜色的方法详解

本文实例讲述了Android编程自定义进度条颜色的方法.分享给大家供大家参考,具体如下: 先看效果图: 老是提些各种需求问题,我觉得系统默认的颜色挺好的,但是Pk不过,谁叫我们不是需求人员呢,改吧! 这个没法了只能看源码了,还好下载了源码, sources\base\core\res\res\ 下应有尽有,修改进度条颜色只能找progress ,因为是改变样式,首先找styles.xml 找到xml后,进去找到: <style name="Widget.ProgressBar"&
android自定义进度条渐变色View的实例代码

最近在公司,项目不是很忙了,偶尔看见一个兄台在CSDN求助,帮忙要一个自定义的渐变色进度条,我当时看了一下进度条,感觉挺漂亮的,就尝试的去自定义view实现了一个,废话不说,先上图吧! 这个自定义的view,完全脱离了android自带的ProgressView,并且没使用一张图片,这样就能更好的降低程序代码上的耦合性! 下面我贴出代码 ,大概讲解一下实现思路吧! 复制代码代码如下: package com.spring.progressview; import android.conten
Android自定义View实现带数字的进度条实例代码

第一步.效果展示图1.蓝色的进度条图2.红色的进度条图3.多条颜色不同的进度条图4.多条颜色不同的进度条第二步.自定义ProgressBar实现带数字的进度条 0.项目结构如上图所示:library项目为自定义的带数字的进度条NumberProgressBar的具体实现,demo项目为示例项目以工程依赖的方式引用library项目,然后使用自定义的带数字的进度条NumberProgressBar来做展示如上图所示:自定义的带数字的进度条的library项目的结构图如上图所示:de

Android编程实现自定义进度条颜色的方法

相关推荐

随机推荐