转载自http://blog.csdn.net/codingandroid/article/details/8495074

自定义progressbar
现在要自定义一个等待的时候转动的小圈,相信大家也都嫌系统自带的很难看吧??
如果要自定义那些系统的组件都有一个法子,那就是看系统的是怎么写的。
看下系统的progressbar的方法:
首先看android的系统的style.xml的文件,系统的样式定义都在里面 android-sdk-windows\platforms\android-8\data\res\values 目录下打开style.xml,搜索ProgressBar。
可以看到系统是这样定义progressbar的:

  1. <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>

接下来我们关注下        <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item> 这一行。可以看到它使用了android:drawable/progress_medium_white这样的一个资源
找到这个文件并且打开,我们可以看到:

  1. <?xml version="1.0" encoding="utf-8" ?>
  2. - <!-- /*
  3. **
  4. ** Copyright 2009, The Android Open Source Project
  5. **
  6. ** Licensed under the Apache License, Version 2.0 (the "License");
  7. ** you may not use this file except in compliance with the License.
  8. ** You may obtain a copy of the License at
  9. **
  10. **     http://www.apache.org/licenses/LICENSE-2.0
  11. **
  12. ** Unless required by applicable law or agreed to in writing, software
  13. ** distributed under the License is distributed on an "AS IS" BASIS,
  14. ** WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15. ** See the License for the specific language governing permissions and
  16. ** limitations under the License.
  17. */
  18. -->
  19. <animated-rotate
  20. xmlns:android="http://schemas.android.com/apk/res/android"
  21. android:drawable="@drawable/spinner_white_48" android:pivotX="50%"
  22. android:pivotY="50%"
  23. android:framesCount="12"
  24. android:frameDuration="100" />

我把前面的注释去掉,大家再看:

  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <animated-rotate
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:drawable="@drawable/spinner_white_48"
  5. android:pivotX="50%"
  6. android:pivotY="50%"
  7. android:framesCount="12"
  8. android:frameDuration="100" />

就剩这么多了,然后分析下这个文件(总共没有几行代码了嘛)
xmlns:android="http://schemas.android.com/apk/res/android" 约束,不说了,也不需要我们关注
android:drawable="@drawable/spinner_white_48"这个相信接触过android的都知道这是指定了一个图标吧
android:pivotX="50%" 
android:pivotY="50%" 这两行代码是指定了一个点(point嘛)那是什么点呢,中心点,我们让那个圆圈围着这个点转动,就有了动画效果,所以它是指定的围绕哪个点转动(为了证明我的猜想,我在后来自定义的代码中将他们都改成了0,它们就围绕左上角的那个点转动了,所以证明了我的猜想是对的哦,不信的朋友可以再写完以后自己试一下)
android:framesCount="12"  这个是啥帧的count我也不太清楚了
android:frameDuration="100"这个应该是转圈持续的时间,我们可以在做完后改一改这些数字,就知道他们干嘛的啦。

看完这个文件,我们想,已经没有用到其他的文件了,只是缺少一个图标,我到360安全卫士拷贝了一个(虽然个人不太喜欢这个软件的霸道,但图片还是挺喜欢的,嘿嘿)

总结下系统是怎么定义一个progressbar的
1:定义了一个样式:style,style中使用了一个属性:progress_medium_white
2:定义一个属性progress_medium_white.xml,就这两步就完工啦。

好,那光说不练假把式,接下来就去实现下吧:
1:在我们工程的  res/values下新建一个styles.xml的文件,并拷贝progressbar的样式过来

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <style name="test_progressbar_style">
  4. <item name="android:indeterminateOnly">true</item>
  5. <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>
  6. <item name="android:indeterminateBehavior">repeat</item>
  7. <item name="android:indeterminateDuration">3500</item>
  8. <item name="android:minWidth">48dip</item>
  9. <item name="android:maxWidth">48dip</item>
  10. <item name="android:minHeight">48dip</item>
  11. <item name="android:maxHeight">48dip</item>
  12. </style>
  13. </resources>

我就不去修改它的属性了,大小啥的,想修改的话自己研究下不会很难哦。
没有写过style的朋友注意下,这个xml文件,申明不说,节点是 resource,style需要申明name name="test_progressbar_style"这个就是以后要引用这个style的名字啦

2:当然现在会报错,因为progress_medium_white这个还没有建嘛
在res下新建 drawable目录
在目录下新建progress_medium_white.xml文件,把系统的拷贝进来:

  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <animated-rotate
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:drawable="@drawable/spinner_white_48"
  5. android:pivotX="50%"
  6. android:pivotY="50%"
  7. android:framesCount="12"
  8. android:frameDuration="100" />

再把准备好的图片拷贝到drawable-hdpi,或者任意其他目录下。
把android:drawable="@drawable/spinner_white_48" 后面的名称改成图片的名字就成功了。

3:然后可以在布局文件中定义一个试一下了哦

  1. <ProgressBar
  2. style="@style/test_progressbar_style"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content" />

没白忙活吧,这个的修改虽然很简单,但是我们掌握了这个修改方法,举一反三,就可以把系统的任意样式改成我们喜欢的了哦

android 重写系统进度条的更多相关文章

  1. Android View 之进度条+拖动条+星级评论条....

    PS:将来的你会感谢现在奋斗的自己.... 学习内容: 1.进度条 2.拖动条 3.星级评论条 1.进度条...       进图条这东西想必大家是很熟悉的...为了使用户不会觉得应用程序死掉了,因此 ...

  2. Android——菜单和进度条

    xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android= ...

  3. Android 自学之进度条ProgressBar

    进度条(ProgressBar)也是UI界面中的一种非常使用的组件,通常用于向用户显示某个耗时完成的百分比.因此进度条可以动态的显示进度,因此避免长时间地执行某个耗时操作时,让用户感觉程序失去了响应, ...

  4. 【转】24. android dialog ——ProgressDialog 进度条对话框详解

    原文网址:http://blog.csdn.net/jamesliulyc/article/details/6375598 首先在onCreateDialog方法里创建一个ProgressDialog ...

  5. 【转】【Android】ProgressDialog进度条对话框的使用

    Android ProgressDialog进度条对话框的使用: 转自:http://aina-hk55hk.iteye.com/blog/679134/ <?xml version=" ...

  6. Android 中带有进度条效果的按钮(Button)

    安卓中带有进度条效果的按钮,如下图: 1.布局文件如下activity_main.xml <RelativeLayout xmlns:android="http://schemas.a ...

  7. Android自定义控件:进度条的四种实现方式(Progress Wheel的解析)

    最近一直在学习自定义控件,搜了许多大牛们Blog里分享的小教程,也上GitHub找了一些类似的控件进行学习.发现读起来都不太好懂,就想写这么一篇东西作为学习笔记吧. 一.控件介绍: 进度条在App中非 ...

  8. [转]Android自定义控件:进度条的四种实现方式(Progress Wheel的解析)

    最近一直在学习自定义控件,搜了许多大牛们Blog里分享的小教程,也上GitHub找了一些类似的控件进行学习.发现读起来都不太好懂,就想写这么一篇东西作为学习笔记吧. 一.控件介绍: 进度条在App中非 ...

  9. Android课程---用进度条改变图片透明度

    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=&quo ...

随机推荐

  1. Jupyter notebook使用matplotlib不出图解决办法

    1.在jupyter notebook使用plot的时候没有显示图像2.在命令行知道需要使用ipython --pylab进入ipython环境才能做出图像,jupyter notebook该怎么设置 ...

  2. Leetcode504.Base 7七进制数

    给定一个整数,将其转化为7进制,并以字符串形式输出. 示例 1: 输入: 100 输出: "202" 示例 2: 输入: -7 输出: "-10" 注意: 输入 ...

  3. MAC中怎么安装python

    转自:https://blog.csdn.net/hou_manager/article/details/79555809 一.Python 介绍 Python介绍 Python3在2008年12月3 ...

  4. JS面向对象--你真的理解闭包了吗?

    JS中的闭包,可能在实际开发中我们用的很少,但是面试的时候是必问的.所以今儿个总结一下什么是闭包. 首先,我们定义一个变量.会分为两种情况,1是定义在全局中,我们关闭程序的时候变量会从内存中释放.2是 ...

  5. 怎么比较两个list中相同的值个数!

    怎么比较两个list中相同的值个数!int count=0;for(int i=0;i<list1.size();i++){ for(int j=0;j<list2.size();j++) ...

  6. vim 查找及替换

    #全文(%)查找(s)行首2个空格开头(/^ ), 替换(g)为无即删掉(//) :%s/^ //g #全文查找每行尾的2个空格,删除 :%s/ $//g

  7. Mysql 遇到的一些坑

    1.命令行按回车,或是输入\c,quit 都无法结束编辑状态,如图: 出现了"> ,然后不管输入什么都无法退出,这时输入>前的字符作为结束字符,再输入\c,既需要输入 " ...

  8. swing界面jframe新开线程自动定时刷新

    https://www.cnblogs.com/softidea/p/4411452.html

  9. 百分比宽度并排元素浮动之后,设置margin,padding换行的问题

    今天遇到一个问题, 如下图,右边的div加了内边距换行: 解决方法: box-sizing: border-box;

  10. callee和caller属性的区别

    在函数内部,有两个特殊的对象:arguments和this .arguments是一个类数组对象,用于存放传入函数中的所有参数. callee是arguments对象的属性,caller是所有函数对象 ...