Android下修改SeekBar样式-阿里云开发者社区

Android下修改SeekBar样式

2014-05-23 1512

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

SeekBar配置文件：

   Xml代码  
    
  
 <SeekBar    
          android:id="@+id/player_seekbar"   
          android:layout_width="245px"   
          android:layout_height="25px"   
          android:progressDrawable="@drawable/seekbar_style"   
          android:thumb="@drawable/thumb"   
          android:paddingLeft="16px"   
          android:paddingRight="15px"   
          android:paddingTop="5px"   
          android:paddingBottom="5px"   
          android:progress="0"   
          android:max="0"   
          android:secondaryProgress="0"   
          />     

android:progressDrawable="@drawable/seekbar_style"背景条

seekbar_style配置如下:

   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">   
          <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="#ff0099CC"   
                          android:centerColor="#ff3399CC"   
                          android:centerY="0.75"   
                          android:endColor="#ff6699CC"   
                          android:angle="270"   
                  />   
              </shape>   
          </clip>   
      </item>   
    
  </layer-list>   

或者：用图片如下：

   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/progress_bg" />   
         
     <item android:id="@android:id/secondaryProgress"   
           android:drawable="@drawable/second_progress">   
     </item>      
        
     <item android:id="@android:id/progress"   
           android:drawable="@drawable/first_progress">   
            
     </item>    
 </layer-list>   

方形

   Xml代码  
    
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">    
    
     <item android:id="@android:id/background"    
     android:drawable="@drawable/progress_bg" />    
    
     <item android:id="@android:id/secondaryProgress">    
      <clip android:drawable="@drawable/second_progress" />    
     </item>    
    
     <item android:id="@android:id/progress">    
          <clip android:drawable="@drawable/first_progress" />    
     </item>    
    
 </layer-list>

android:thumb="@drawable/thumb"就是那个会动的球

配置如下：

   Xml代码  
    
  
 <?xml version="1.0" encoding="UTF-8"?>   
 <selector xmlns:android="http://schemas.android.com/apk/res/android">        
        
     <!-- 按下状态-->   
     <item    
         android:state_focused="true"    
         android:state_pressed="true"    
         android:drawable="@drawable/thumb_pressed" />        
     <!-- 普通无焦点状态 -->   
     <item    
         android:state_focused="false"    
         android:state_pressed="false"   
         android:drawable="@drawable/thumb_normal" />              
     <!-- 有焦点状态-->   
     <item    
         android:state_focused="true"    
         android:state_pressed="false"              
         android:drawable="@drawable/thumb_focused" />         
     <!-- 有焦点 -->   
     <item    
         android:state_focused="true"              
         android:drawable="@drawable/thumb_focused" />     
 </selector>   

Android下修改SeekBar样式

热门文章

最新文章

相关课程

相关电子书