我自己的Custom SeekBar Android

时间:2012-06-19 18:41:15

标签: android seekbar

我想创建自己的SeekBar,因为我找不到任何我需要的东西。 我想要一个有3个波段的搜索栏,如下所示:

(我无法发布图片,所以...)

 _____________________________________________________
(    BLUE         |     RED     X       |    BLUE     )
 ˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜

X =拇指

我不想要进度条,只需拇指和3种背景颜色.. 明白了吗?

谁知道我怎么能这样做?

谢谢。

3 个答案:

答案 0 :(得分:0)

这是一个非常好的例子,可以帮助你移动

http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/

然而,这并未解决您在背景中使用三色带的问题,因为此示例使用可重复的drawable。对于那个问题,我会看看这篇文章 How to make a color gradient in a SeekBar? 您将需要创建自己的渐变。这应该会给你想要的结果。

答案 1 :(得分:0)

XML代码

 <SeekBar
    android:id="@+id/seekBar1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" 
    android:progressDrawable="@drawable/seek_bar"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:thumb="@drawable/thumbler_small"
    android:indeterminate="false" />

<强> seek_bar.xml

 <?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+android:id/SecondaryProgress"
        android:drawable="@drawable/first"/>
    <item
        android:id="@+android:id/progress"
        android:drawable="@drawable/second"/>
</layer-list>

第一个drawable是空的或显示的颜色不是全区域。

第二个drawable是填充或颜色全区。

this链接可以帮到您。

答案 2 :(得分:0)

此示例可以帮助您

Android SeekBar and Custom SeekBar Examples

搜索“ Seekbar自定义缩略图输出”。