自定义进度条,progressBar 背景为.9图片

转自:http://www.maxiaoguo.com/shipin/348.html

解决了我的一个大问题,就是progressBar不能用.9的图片。谢谢。


原文:

今天学习给ProgressBar换个样式,先看效果图:( q/ |( h$ h- }' d- Q& c


原理:在XML文件中分别定义进度条背景、第一进度颜色、第二进度颜色,然后在ProgressBar的android:progressDrawable属性应用即可。 $ X2 S8 d1 i" }2 @  C1 {
先在drawable下建立progressbar_style.xml文件,内容如下:

  1.   xmlns:android="http://schemas.android.com/apk/res/android">
  2.    
  3.         
  4.             
  5.             
  6.         
  7.    
  8.    
  9.         
  10.             
  11.                
  12.                
  13.             
  14.         
  15.     -
  16.    
  17.         
  18.             
  19.                
  20.                
  21.             
  22.         
  23.    
复制代码
分别定义背景,第一进度颜色,第二进度颜色
gradient是渐变,前面已经说过,corners定义的是圆角 9 F% ]: m2 k. W2 ]7 T1 N8 g+ u
布局中:

  1. style="?android:attr/progressBarStyleHorizontal" android:progressDrawable="@drawable/progressbar_style"
  2. android:progress="50" android:max="100" android:secondaryProgress="70"
  3. >
复制代码

首先,了解 android 进度条的接口:
1.一个进度条背景 background (奶白色)
2.一个进度条的一级进度显示 progress (绿色)
3.一个进度条的二级进度显示 second progress (红色) (这种情况较少使用)  l

效果如下图:
本文将以上三种重要的参数都实现自定义UI。
==============================================================
开始罗,像做菜一样,我们的原料有以下:
* 9.png 共3张,分别是: :
进度条背景 my_progress_bg.9.png;
一级进度条 my_first_progress.9.png; -
二级进度条 my_second_progress.9.png
* /drawable/my_progress.xml 配置文件

  1.   
  2.       
  3.           
  4.          
  5.      
  6.    
  7.           
  8.               
  9.               
  10.           
  11.       
  12.       
  13.          
  14.             
  15.              
  16.         
  17.    
  18.   
复制代码

* /values/styles.xml
  1.   
  2.   
  3.       
  4.  
  5.   
复制代码

B
好了,到此,我们的原料就都备齐了,下面在一个布局文件中测试一下:
  1.   
  2.  
  3.       
  4.   
复制代码
看起来很丑的原因:
1.没有圆角
2.没有透明度
(


你可能感兴趣的:(android)