`
haking
  • 浏览: 264389 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Android的SeekBar

 
阅读更多

使用SeekBar的时候,经常遇到的问题有如下:

1. seekbar的拖动按钮没有居中。

2. seekbar的高度有问题。

3. seekbar的拖动按钮在最左最右显示不全。

 

首先,要解决上述问题,要先检查layout文件在描述seekbar时,有没有正确设置图片的尺寸和检查屏幕密度与图片是否放置在相应的drawable文件夹中(drawable-hdpi, drawable-mdpi, drawable-ldpi).

 

在确保图片资源正确的情况下,参考如下XML:

 

layout

<SeekBar
	android:layout_width="321px"
	android:layout_height="wrap_content"
	android:layout_centerInParent="true"
	android:maxHeight="12px"
	android:minHeight="12px"
	android:paddingLeft="18px"
	android:paddingRight="18px"
	android:max="100"
	android:progressDrawable="@drawable/seekbar_style"
	android:thumb="@drawable/drag_ball"
	android:id="@+id/seekBar"/>

 

 seekbar_style

<layer-list
	xmlns:android="http://schemas.android.com/apk/res/android">
	<item
		android:id="@android:id/background"
		android:drawable="@drawable/drag_bar_background"/>
	<item
		android:id="@android:id/progress"
		android:drawable="@drawable/drag_bar_foreground"/>
	<item
		android:id="@android:id/secondaryProgress"
		android:drawable="@drawable/drag_bar_foreground"/>
</layer-list> 

 

 简单解释下seekbar中几个重要的属性:

android:layout_height="wrap_content"

//建议使用wrap_content,否则一定要保证设置的值不小于seekbar图片资源中的最高值


android:maxHeight="12px"
android:minHeight="12px"

//说明进度条的最低和最大高度,解决高度问题。


android:paddingLeft="18px"
android:paddingRight="18px"

//解决拖动按钮在最左最右显示不全的问题,padding的值一般是thumb的一半宽度。


android:progressDrawable="@drawable/seekbar_style"

//设置了此值,就表示使用自定义的进度条样式,在其中可以设置进度条背景图,进度条图,缓冲条图。


android:thumb="@drawable/drag_ball"
//seekbar的拖动按钮图片

 

 

android系统自带的自定义样式例子:

 

seekbar_style

<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>  

 

thumb

<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>  

 

 

分享到:
评论
3 楼 zhongyuanceshi 2013-01-05  
我的滑块刚开始跑的速度和drag_bar_foreground速度一样的,后面就比它慢。drag_bar_foreground了末尾,但滑块还没到,请问这个怎样修改?
2 楼 arimood 2012-11-13  
顶!比那些千篇一律不带解释的seekbar介绍好很多
1 楼 libo19881179 2012-07-02  
很不错,最近用到了,转载下 谢谢

相关推荐

    安卓 android seekbar 自定义滑块 适合做音量调节

    安卓 android seekbar 自定义滑块 适合做音量调节 比较漂亮 我的资源汇总:http://blog.csdn.net/u013506037/article/details/39210793

    android SeekBar 竖向

    在Android开发中,SeekBar是一个非常常用的控件,它允许用户通过滑动来选择一个介于最小值和最大值之间的数值。通常,SeekBar是水平布局的,但有时开发者可能需要创建一个竖向的SeekBar以适应特定的界面设计或用户...

    Android SeekBar弹框.rar

    在Android开发中,SeekBar是一个非常常见的控件,用于让用户通过滑动来选择一个介于最小值和最大值之间的数值。这个“Android SeekBar弹框”示例提供了一个独特的功能,即在用户拖动SeekBar时,会有一个弹出的视图...

    Android SeekBar调色板背景反色

    在Android开发中,SeekBar是一个非常实用的控件,它允许用户通过滑动来选择一个介于最小值和最大值之间的值。在这个特定的场景中,我们利用SeekBar来实现动态调节字体颜色的功能,并且让背景颜色成为字体颜色的反色...

    android seekbar 源码

    在Android开发中,SeekBar是一个非常常见的控件,用于实现用户通过滑动来调节数值或进度的功能。本篇文章将深入探讨Android SeekBar的源码,帮助开发者理解其内部工作原理,以便更好地利用它来构建用户界面。 ...

    Node.js-androidseekbar双向选择的进度条

    标题中的“Node.js-androidseekbar双向选择的进度条”指的是在Android开发中,结合Node.js技术实现的一个特殊功能,即SeekBar(滑动选择条)的双向选择功能。通常,SeekBar是Android原生控件,允许用户通过滑动来...

    android seekbar自定义带提示

    在Android开发中,SeekBar是一个非常常见的控件,用于实现用户通过滑动来调整某个值,例如音量控制或进度选择。然而,有时我们可能需要更个性化的功能,比如在滑动过程中显示实时的提示信息或者自定义SeekBar的外观...

    Android seekbar滑动按钮源码-IT计算机-毕业设计.zip

    在Android开发中,Seekbar是一种常用的控件,用于实现进度条和滑动选择的功能。它类似于我们常见的音量控制条,用户可以通过滑动来改变数值或进度。在本压缩包"Android seekbar滑动按钮源码"中,你将找到一个关于...

    android 自定义滑块 、android seekBar Demo

    在Android开发中,SeekBar是一种常用的控件,用于实现用户可交互的滑动条功能,类似于音乐播放器中的音量调节或进度条。本Demo主要展示了如何自定义SeekBars,以便适应不同的应用场景,如调节音量。以下是关于...

    Android SeekBar 自定义样式

    自定义的 SeekBar 样式,实现很简单,有需要的可以看看,本demo是仿酷狗SeekBar 的样式,进度条上小圆球可以随意拖动,如果不需要小圆球的只需要将main.xml里面的android:thumb="@drawable/seek_thumb"去掉就行了...

    Android seekbar滑动按钮源码

    在Android开发中,SeekBar是一个非常常见的控件,它允许用户通过滑动来选择一个介于最小值和最大值之间的值。SeekBar通常用于音量调节、进度条显示等场景。本篇我们将深入探讨Android SeekBar的源码,了解其工作原理...

    Android自定义SeekBar滑动显示数字

    先来上个效果图: 当滑动时:数值显示,滑动停止时显示数字,使用FrameLayout结合SeekBar。 首先我们看看。 Layout: &lt;?xml version=1.0 encoding=utf-... android:id=@+id/wrapper_seekbar_indicator android:la

    android 自定义Seekbar,包括图片,背景颜色

    在Android开发中,Seekbar是一种常用的控件,用于让用户选择一个介于最小值和最大值之间的数值。在标准的Seekbar基础上进行自定义,可以增强界面的美观性和用户体验。本教程将详细介绍如何在Android中自定义Seekbar...

    Android自定义SeekBar样式

    在Android开发中,SeekBar是一个非常常见的控件,用于让用户选择一个介于最小值和最大值之间的数值。默认的SeekBar样式虽然实用,但在某些情况下可能无法满足我们对界面美观度和个性化的需求。这篇博客将深入探讨...

    Android-ArcSeekBar弯曲的AndroidSeekBar

    "Android-ArcSeekBar弯曲的Android SeekBar"是一个专门为Android平台设计的自定义Seek Bar控件,它提供了不同于传统直线型Seek Bar的弧形显示效果。ArcSeekBar能够使用户界面更具吸引力,提升用户体验,尤其适用于...

    Androidseekbar滑动按钮源码.zip

    在Android开发中,SeekBar是一个非常常见的控件,它允许用户通过滑动来选择一个介于最小值和最大值之间的值。这个控件通常用于音量调节、进度条显示等场景。"Android seekbar滑动按钮源码.zip"包含了对SeekBar自定义...

    Android seekbar滑动按钮源码_进度条.zip

    在Android开发中,SeekBar是一个非常常见的控件,用于展示进度并允许用户通过滑动来调整。这个压缩包“Android seekbar滑动按钮源码_进度条.zip”很可能包含了一个示例项目,帮助开发者理解Seekbar的工作原理以及...

    Android seekbar滑动按钮源码.rar

    在Android开发中,SeekBar是一个非常常见的控件,它允许用户通过滑动来选择一个介于最小值和最大值之间的值。这个"Android seekbar滑动按钮源码.rar"压缩包包含了一个关于Seekbar自定义实现的示例项目,非常适合...

    Android自定义圆形SeekBar

    在Android开发中,SeekBar是一个非常常见的控件,用于让用户通过滑动来选择一个介于最小值和最大值之间的值。然而,系统默认的SeekBar是矩形的,有时为了追求更美观或者符合特定设计需求,开发者可能希望对其进行...

Global site tag (gtag.js) - Google Analytics