Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 中級開發 >> Android下修改SeekBar樣式

Android下修改SeekBar樣式

編輯:中級開發

SeekBar配置文件:

XML代碼
01.<SeekBar    
02.         android:id="@+id/player_seekbar"   
03.         android:layout_width="245px"   
04.         android:layout_height="25px"   
05.         android:progressDrawable="@drawable/seekbar_style"   
06.         android:thumb="@drawable/thumb"   
07.         android:paddingLeft="16px"   
08.         android:paddingRight="15px"   
09.         android:paddingTop="5px"   
10.         android:paddingBottom="5px"   
11.         android:progress="0"   
12.         android:max="0"   
13.         android:secondaryProgress="0"   
14.         />     
vIEw plaincopy to clipboardprint?
01.<SeekBar    
02.       android:id="@+id/player_seekbar"  
03.       android:layout_width="245px"  
04.       android:layout_height="25px"  
05.       android:progressDrawable="@drawable/seekbar_style"  
06.       android:thumb="@drawable/thumb"  
07.       android:paddingLeft="16px"  
08.       android:paddingRight="15px"  
09.       android:paddingTop="5px"  
10.          android:paddingBottom="5px"  
11.          android:progress="0"  
12.          android:max="0"  
13.          android:secondaryProgress="0"  
14.          />  
<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代碼
01.<?XML version="1.0" encoding="UTF-8"?>   
02.   
03.<layer-list XMLns:android="http://schemas.android.com/apk/res/android">  
04.   
05.     <item android:id="@android:id/background">   
06.         <shape>   
07.             <corners android:radius="5dip" />   
08.             <gradIEnt   
09.                     android:startColor="#ff9d9e9d"   
10.                     android:centerColor="#ff5a5d5a"   
11.                     android:centerY="0.75"   
12.                     android:endColor="#ff747674"   
13.                     android:angle="270"   
14.             />   
15.         </shape>   
16.     </item>   
17.   
18.     <item android:id="@android:id/secondaryProgress">   
19.         <clip>   
20.             <shape>   
21.                 <corners android:radius="5dip" />   
22.                 <gradIEnt   
23.                         android:startColor="#80ffd300"  
24.                         android:centerColor="#80ffb600"   
25.                         android:centerY="0.75"   
26.                         android:endColor="#a0ffcb00"   
27.                         android:angle="270"   
28.                 />   
29.             </shape>   
30.         </clip>   
31.     </item>   
32.   
33.     <item android:id="@android:id/progress">   
34.         <clip>   
35.             <shape>   
36.                 <corners android:radius="5dip" />   
37.                 <gradIEnt   
38.                         android:startColor="#ff0099CC"  
39.                         android:centerColor="#ff3399CC"   
40.                         android:centerY="0.75"   
41.                         android:endColor="#ff6699CC"   
42.                         android:angle="270"   
43.                 />   
44.             </shape>   
45.         </clip>   
46.     </item>   
47.   
48.</layer-list>   
vIEw plaincopy to clipboardprint?
01.<?XML version="1.0" encoding="UTF-8"?>  
02.  
03.<layer-list XMLns:android="http://schemas.android.com/apk/res/android"> 
04.  
05.     <item android:id="@android:id/background">  
06.         <shape>  
07.             <corners android:radius="5dip" />  
08.             <gradIEnt  
09.                     android:startColor="#ff9d9e9d"  
10.                     android:centerColor="#ff5a5d5a"  
11.                     android:centerY="0.75"  
12.                     android:endColor="#ff747674"  
13.                     android:angle="270"  
14.             />  
15.         </shape>  
16.     </item>  
17.  
18.     <item android:id="@android:id/secondaryProgress">  
19.         <clip>  
20.             <shape>  
21.                 <corners android:radius="5dip" />  
22.                 <gradIEnt  
23.                         android:startColor="#80ffd300"  
24.                         android:centerColor="#80ffb600" 
25.                         android:centerY="0.75"  
26.                         android:endColor="#a0ffcb00"  
27.                         android:angle="270"  
28.                 />  
29.             </shape>  
30.         </clip>  
31.     </item>  
32.  
33.     <item android:id="@android:id/progress">  
34.         <clip>  
35.             <shape>  
36.                 <corners android:radius="5dip" />  
37.                 <gradIEnt  
38.                         android:startColor="#ff0099CC"  
39.                         android:centerColor="#ff3399CC" 
40.                         android:centerY="0.75"  
41.                         android:endColor="#ff6699CC"  
42.                         android:angle="270"  
43.                 />  
44.             </shape>  
45.         </clip>  
46.     </item>  
47.  
48. </layer-list>  
<?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代碼
01.<?XML version="1.0" encoding="utf-8"?>   
02.<layer-list XMLns:android="http://schemas.android.com/apk/res/android">  
03.        
04.    <item android:id="@android:id/background"    
05.          android:drawable="@drawable/progress_bg" />   
06.         
07.    <item android:id="@android:id/secondaryProgress"   
08.          android:drawable="@drawable/second_progress">  
09.    </item>       
10.        
11.    <item android:id="@android:id/progress"   
12.          android:drawable="@drawable/first_progress">   
13.            
14.    </item>    
15.</layer-list>   
vIEw plaincopy to clipboardprint?
01.<?XML version="1.0" encoding="utf-8"?>  
02.<layer-list XMLns:android="http://schemas.android.com/apk/res/android"> 
03.       
04. <item android:id="@android:id/background"    
05.       android:drawable="@drawable/progress_bg" />  
06.        
07. <item android:id="@android:id/secondaryProgress"  
08.       android:drawable="@drawable/second_progress">  
09. </item>    
10.    
11. <item android:id="@android:id/progress"  
12.       android:drawable="@drawable/first_progress">  
13.        
14. </item>    
15.</layer-list>  
<?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代碼
01.<layer-list XMLns:android="http://schemas.android.com/apk/res/android">   
02.   
03.   
04.    <item android:id="@android:id/background"    
05.    android:drawable="@drawable/progress_bg" />    
06.   
07.   
08.    <item android:id="@android:id/secondaryProgress">    
09.     <clip android:drawable="@drawable/second_progress" />    
10.    </item>    
11.   
12.   
13.    <item android:id="@android:id/progress">    
14.         <clip android:drawable="@drawable/first_progress" />    
15.    </item>    
16.   
17.   
18.</layer-list>   
vIEw plaincopy to clipboardprint?
01.<layer-list XMLns:android="http://schemas.android.com/apk/res/android">   
02.  
03.    <item android:id="@android:id/background"    
04.    android:drawable="@drawable/progress_bg" />    
05.  
06.    <item android:id="@android:id/secondaryProgress">    
07.     <clip android:drawable="@drawable/second_progress" />    
08.    </item>    
09.  
10.    <item android:id="@android:id/progress">    
11.         <clip android:drawable="@drawable/first_progress" />    
12.    </item>    
13.  
14.</layer-list>  
<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代碼
01.<?XML version="1.0" encoding="UTF-8"?>   
02.<selector XMLns:android="http://schemas.android.com/apk/res/android">        
03.        
04.    <!-- 按下狀態-->   
05.    <item    
06.        android:state_focused="true"    
07.        android:state_pressed="true"    
08.        android:drawable="@drawable/thumb_pressed" />         
09.    <!-- 普通無焦點狀態 -->   
10.    <item    
11.        android:state_focused="false"    
12.        android:state_pressed="false"   
13.        android:drawable="@drawable/thumb_normal" />               
14.    <!-- 有焦點狀態-->   
15.    <item    
16.        android:state_focused="true"    
17.        android:state_pressed="false"               
18.        android:drawable="@drawable/thumb_focused" />          
19.    <!-- 有焦點 -->   
20.    <item    
21.        android:state_focused="true"               
22.        android:drawable="@drawable/thumb_focused" />      
23.</selector>

本文來自CSDN博客,轉載請標明出處:http://blog.csdn.Net/vrix/archive/2010/08/03/5785676.ASPx

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved