zoukankan      html  css  js  c++  java

  • android 自定义进度条颜色

    android 自定义进度条颜色

    先看图

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

     

    这个没法了只能看源码了，还好下载了源码， sourcesasecore es es  下应有尽有，修改进度条颜色只能找progress ,因为是改变样式，首先找styles.xml

    找到xml后，进去找到

    [html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
    1. <span style="font-size: 18px;">    <style name="Widget.ProgressBar">  
    2.         <item name="android:indeterminateOnly">true</item>  
    3.         <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>  
    4.         <item name="android:indeterminateBehavior">repeat</item>  
    5.         <item name="android:indeterminateDuration">3500</item>  
    6.         <item name="android:minWidth">48dip</item>  
    7.         <item name="android:maxWidth">48dip</item>  
    8.         <item name="android:minHeight">48dip</item>  
    9.         <item name="android:maxHeight">48dip</item>  
    10.     </style></span>  


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

    所以找到

    [html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
    1. <span style="font-size: 18px;"> <style name="Widget.ProgressBar.Horizontal">  
    2.         <item name="android:indeterminateOnly">false</item>  
    3.         <item name="android:progressDrawable">@android:drawable/progress_horizontal</item>  
    4.         <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>  
    5.         <item name="android:minHeight">20dip</item>  
    6.         <item name="android:maxHeight">20dip</item>  
    7.     </style></span>  

     你看系统一步一步关联的，扩展性很性，低耦合，所以我们现在只要改变进度条是怎么样画出来的就行了 ，但是负责画进度条的是

    <item name="android:progressDrawable">  所以我们可以找到"drawable下的 progress_horizontal 文件，改变他就可以改变进度条颜色

    [java] view plaincopyprint?在CODE上查看代码片派生到我的代码片
    1. <span style="font-size: 18px;"><?xml version="1.0" encoding="utf-8"?>  
    2. <!-- Copyright (C) 2008 The Android Open Source Project  
    3.   
    4.      Licensed under the Apache License, Version 2.0 (the "License");  
    5.      you may not use this file except in compliance with the License.  
    6.      You may obtain a copy of the License at  
    7.   
    8.           http://www.apache.org/licenses/LICENSE-2.0  
    9.   
    10.      Unless required by applicable law or agreed to in writing, software  
    11.      distributed under the License is distributed on an "AS IS" BASIS,  
    12.      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  
    13.      See the License for the specific language governing permissions and  
    14.      limitations under the License.  
    15. -->  
    16.   
    17. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    18.       
    19.     <item android:id="@android:id/background">  
    20.         <shape>  
    21.             <corners android:radius="5dip" />  
    22.             <gradient  
    23.                     android:startColor="#ff9d9e9d"  
    24.                     android:centerColor="#ff5a5d5a"  
    25.                     android:centerY="0.75"  
    26.                     android:endColor="#ff747674"  
    27.                     android:angle="270"  
    28.             />  
    29.         </shape>  
    30.     </item>  
    31.       
    32.     <item android:id="@android:id/secondaryProgress">  
    33.         <clip>  
    34.             <shape>  
    35.                 <corners android:radius="5dip" />  
    36.                 <gradient  
    37.                         android:startColor="#80ffd300"  
    38.                         android:centerColor="#80ffb600"  
    39.                         android:centerY="0.75"  
    40.                         android:endColor="#a0ffcb00"  
    41.                         android:angle="270"  
    42.                 />  
    43.             </shape>  
    44.         </clip>  
    45.     </item>  
    46.       
    47.     <item android:id="@android:id/progress">  
    48.         <clip>  
    49.             <shape>  
    50.                 <corners android:radius="5dip" />  
    51.                 <gradient  
    52.                         android:startColor="#ffffd300"  
    53.                         android:centerColor="#ffffb600"  
    54.                         android:centerY="0.75"  
    55.                         android:endColor="#ffffcb00"  
    56.                         android:angle="270"  
    57.                 />  
    58.             </shape>  
    59.         </clip>  
    60.     </item>  
    61.       
    62. </layer-list>  
    63.   
    64. </span>  

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

    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"  的色值

    [java] view plaincopyprint?在CODE上查看代码片派生到我的代码片
    1. <span style="font-size: 18px;"><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
    2.   
    3.     <item android:id="@android:id/background">  
    4.          <shape >  
    5.                 <corners android:radius="5dip" />  
    6.                 <gradient  
    7.                     android:angle="270"  
    8.                     android:centerY="0.75"  
    9.                     android:endColor="#F5F5F5"  
    10.                     android:startColor="#BEBEBE" />  
    11.             </shape>  
    12.     </item>  
    13.   
    14.     <item android:id="@android:id/secondaryProgress">  
    15.   
    16.         <clip >  
    17.             <shape >  
    18.                 <corners android:radius="0dip" />  
    19.                 <gradient  
    20.                     android:angle="270"  
    21.                     android:centerY="0.75"  
    22.                    android:endColor="#165CBC"  
    23.                     android:startColor="#85B0E9" />  
    24.             </shape>  
    25.         </clip>  
    26.     </item>  
    27.   
    28.     <item android:id="@android:id/progress">  
    29.   
    30.         <clip >  
    31.             <shape >  
    32.                 <corners android:radius="5dip" />  
    33.                 <gradient  
    34.                     android:angle="270"  
    35.                     android:centerY="0.75"  
    36.                    android:endColor="#165CBC"  
    37.                     android:startColor="#85B0E9" />  
    38.             </shape>  
    39.             
    40.         </clip>  
    41.     </item>  
    42. </layer-list></span>  


    最后在中引用就可以了

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

    转载申明初入：http://blog.csdn.net/liao3841054/article/details/7556551

     
    顶
    0
    踩
    0
  • 相关阅读:
    curl命令常见用法汇总 good
    Spring Boot flyway的启动时机比较早
    android 签名被篡改(Keystore was tampered with, or password was incorrect)
    android sdk 如何重新生成debug.keystore
    Android的debug.keystore拒绝访问导致的生成异常及解决方案
    Android生成keystore是报错拒绝访问
    android 高德地图出现【定位失败key鉴权失败】
    Android Studio开发入门-引用jar及so文件
    android 自定义AlertDialog(一段)
    Android自定义控件之日历控件
  • 原文地址：https://www.cnblogs.com/xgjblog/p/5456149.html
Copyright © 2011-2022 走看看