`

修改SeekBar样式

阅读更多
典型的SeekBar:
<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"背景条配置如下:
<?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 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>

android:thumb="@drawable/thumb"就是那个可以拖动的小滑块:
<?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>

分享到:
评论

相关推荐

    自定义SeekBar样式源码

    因此,自定义SeekBar样式的需求应运而生。 自定义SeekBar主要包括以下几个方面: 1. **改变进度条颜色**:默认的SeekBar进度条颜色是系统主题色,可以通过设置`android:progressDrawable`属性来自定义颜色。你可以...

    自定义竖向SeekBar,横向SeekBar样式

    本篇文章将详细讲解如何实现横向和竖向的SeekBar样式设置。 首先,我们来看看横向SeekBar的样式设置。在Android中,我们可以使用XML布局文件来定义SeekBar的基本样式,包括颜色、大小和进度条的外观。在`res/values...

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

    SeekBar android:id=”@+id/player_seekbar” android:layout_width=”245px” android:layout_height=”25px” android:progressDrawable=”@drawable/seekbar_style” android:thumb=”@drawable/thumb” ...

    Android 自定义漂亮的Seekbar样式

    默认的Seekbar样式虽然实用,但可能无法满足所有设计需求。为了提供更好的用户体验和更符合应用整体风格的界面,开发者经常需要自定义Seekbar的样式。本文将详细介绍如何在Android中实现一个美观的自定义Seekbar。 ...

    android对seekbar的修改重写 demo

    本教程将详细讲解如何对 SeekBar 进行自定义修改和重写,以满足特定的界面和交互需求。我们将通过一个名为 "progressDemo" 的示例项目来展示具体的操作步骤和关键知识点。 首先,我们要了解 SeekBar 的基本用法。在...

    Android 使用SeekBar时动态显示进度且随SeekBar一起移动

    然后在SeekBar的XML布局中应用这个样式。 ```xml &lt;SeekBar android:theme="@style/CustomSeekBarStyle" ... /&gt; ``` 5. **注意事项** - 在处理SeekBar的滑动事件时,确保只对用户操作做出响应,避免在程序...

    SeekBar进度条

    可以通过修改主题或者自定义样式文件来改变SeekBar的颜色、大小等外观。 三、自定义SeekBar 1. 修改Thumb(滑块) 可以使用`setThumb(Drawable thumb)`方法替换默认的滑块图标,实现自定义滑块样式。 2. 修改...

    简单的SeekBar实例

    在"简单的SeekBar实例"这个项目中,开发者自定义了一个SeekBar,增强了其功能和视觉效果,使其能显示实时的拖动进度,并且修改了默认的拖动条样式。 首先,我们来看看SeekBar的基本用法。在Android SDK中,SeekBar...

    android自定义垂直seekbar

    在实际项目中,你可以根据具体需求对这个基础版本进行进一步的定制,例如修改样式、添加动画效果等。 总结来说,创建Android自定义垂直SeekBar主要涉及以下几个步骤: 1. 创建新的View类,继承自SeekBar。 2. 重写...

    带刻度进度条 seekbar

    在运行时,可以使用 `setProgress()` 方法动态修改 SeekBar 的进度,`setMax()` 方法设置最大值,`setThumb()` 更改滑块的图片。还可以通过 `setTickMarkDrawable()` 或者自定义方法设置刻度的图标。 5. 自定义...

    Android seekbar滑动按钮源码

    - 通过反射修改 SeekBar 的私有属性,例如调整 Thumb 的大小、形状或颜色。 - 在主题中定义 SeekBar 样式,以便全局应用。 通过分析 SeekBar 的源码,我们可以更深入地理解其工作原理,从而在需要的时候进行定制化...

    android java 自定义音量键seekbar控制系统的媒体音量和通话音量,可自动实现切换

    5. **权限申请**:为了能够访问和修改系统音量,需要在AndroidManifest.xml中添加必要的权限,如`&lt;uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /&gt;`。 6. **生命周期管理**:...

    安卓拖动条SeekBar实例

    可以通过修改主题或者自定义样式来改变SeekBar的颜色,例如改变滑块的颜色、轨道的颜色等。在res/values/styles.xml文件中定义一个新的样式: ```xml &lt;style name="CustomSeekBarStyle" parent="Widget.AppCompat....

    自定义seekBar以及使用seekbar实现类似控制音量的效果

    1. **样式修改**:可以通过设置`android:progressDrawable`和`android:thumb`属性来自定义进度条的背景和滑块的样式。例如,可以创建自定义的9-patch图片作为背景和滑块。 2. **监听事件**:使用`...

    Android双向seekbar(带刻度)

    在Android中,自定义View允许开发者根据需求扩展或修改现有的View组件,以满足特定的设计或功能需求。对于双向Seekbar,我们需要创建一个新的类,继承自SeekBar,并添加必要的属性和方法来支持双向滑动。 首先,...

    eclipse滑动条SeekBar

    除了基本的使用,还可以自定义SeekBar的样式。比如,你可以改变Thumb(滑块)的颜色、大小,甚至添加自定义的Drawable。通过修改`android:thumb`属性,可以设置Thumb的图片资源。如果你想改变轨道的样式,可以使用`...

    SeekBar 自定义View 进度条

    通过修改 progressDrawable 和 thumb 的 drawable 资源,可以改变进度条的外观。例如,可以创建一个 LayerDrawable 包含多个 Shape 来实现不同状态的进度条。 三、自定义 SeekBar 的关键步骤 1. 设计图形资源: ...

    seekbar刻度显示图片

    为了显示自定义的刻度图片,我们需要修改默认的XML样式资源。 1. **创建自定义样式**: 在`res/values/styles.xml`文件中,创建一个新的主题或者样式,例如命名为`AppTheme.SeekBarCustom`。在这个样式中,我们...

    自定义SeekBar

    5. **自定义样式**:除了行为上的自定义,我们还可以通过自定义样式来改变SeekBar的外观,例如修改thumb的颜色、大小,进度条的宽度和颜色,以及分割线的样式等。 6. **测试与优化**:完成以上步骤后,进行充分的...

Global site tag (gtag.js) - Google Analytics