自定义seekbar中，thumb被覆盖掉一部分问题

 

做一个自定义的seekbar，更改其背景图片：

 

[java] view plain copy

 

1. <com.android.Progress  
2.                 android:id="@+id/focus_seekbar"  
3.                 android:layout_width="wrap_content"  
4.                 android:layout_height="wrap_content"  
5.                 android:layout_below="@id/seekbar_add"     
6.                 android:progressDrawable="@drawable/seekbar_img"   
7.                 android:thumb="@drawable/thumb"      
8.                 android:max = "60"/>  

 

 

定义progressDrawable即为背景图片。thumb为滑块图片

如上定义xml文件，启动程序，生成如图一。 thumb滑块不能显示完全，一部分被隐藏掉。

 

增加属性：

 

[java] view plain copy

 

1. android:thumbOffset="0dip"  

   

 

即可实现thumb不被覆盖，即最下方位置如图三所示，不会出现图一情况。

网上有个竖直的VerticalSeekBar,简单说一下他的使用：

当滑块的大小比下面的背景大时，此时要设置

                android:minHeight="19dip" 
                android:maxHeight="19dip"

19dip即为seek_img图片的宽度。

而控件的layout_width值即位滑块的width和height值

 

[xhtml] view plain copy

 

1. <com.android.VerticalSeek  
2.                 android:id="@+id/focus_seekbar"  
3.                 android:layout_width="wrap_content"  
4.                 android:layout_height="wrap_content"                  
5.                 android:progressDrawable="@drawable/seekbar_img"    
6.                 android:thumb="@drawable/thumb"   
7.                 android:thumbOffset="0dip"  
8.                 android:max = "59"  
9.                 android:layout_centerVertical="true"                 
10.                 android:minHeight="19dip"   
11.                 android:maxHeight="19dip"  
12.                 android:paddingLeft="-15dip"  
13.                 android:paddingRight="-15dip"/>  

 

 

 

这么个小问题，用了我半天时间才搞出来。网上资源太少了，给大家分享一下。

 

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:andro
                />
            </shape>
        </clip>
    </item>
    
</layer-list>