Android下修改SeekBar样式的解决办法

前端技术 2023/09/08 Android
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> 

本文地址：https://www.stayed.cn/item/21799

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案