SeekBar的高度及thumb圆点显示不完全

直接进入正题，请看以下代码：

<SeekBar
    android:id="@+id/seekbar_def"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/distance"
    android:max="25"
    android:maxHeight="@dimen/x5"
    android:minHeight="@dimen/x5"
    android:progress="0"
    android:progressDrawable="@drawable/selector_seekbar_bg"
    android:thumb="@drawable/shape_point_circular"
    android:thumbOffset="0dip" />

控制SeekBar条的高度在于这三个属性

android:layout_height="wrap_content"
android:maxHeight="@dimen/x5"
android:minHeight="@dimen/x5"

maxHeight和minHeight越大，则条的高度越大。

至于圆点，也就是thumb的大小，如果你使用的是图片，那么你的图片有多大，在这种属性设置下都会显示完全，但是无法控制圆点大小。但是我发现如果使用shape来绘制圆点的话，是有一个属性来控制圆点大小。

android:thumb="@drawable/shape_point_circular"

这个属性用来自定义圆点，shape_point_circular的内容如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 绿色圆点-->

    <solid android:color="#6fb737" />

    <corners android:radius="8dp"/>

    <size
        android:height="15dp"
        android:width="15dp"/>

</shape>

其中size内的height和width可以用来控制画出的圆点的大小。

顺便记录一下这个控件的其他参数

android:progressDrawable="@drawable/selector_seekbar_bg"

这个属性用来自定义条的样式，我都是用绘画的方式实现的，以下是selector_seekbar_bg的内容：

<?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 android:shape="rectangle" >
            <solid android:color="@color/gray" />

            <corners android:radius="@dimen/x5" />
        </shape>
    </item>
    <item
        android:id="@android:id/progress">
        <clip>
            <shape android:shape="rectangle" >
                <corners android:radius="@dimen/x5" />

                <solid android:color="@color/title_color" />
            </shape>
        </clip>
    </item>

</layer-list>

android:max="25"

整个控件的最大值，可以理解为SeekBar的圆点滚动25下即滚动到最右边。

android:progress="0"

表示默认值，即圆点初始位置。

android:thumbOffset="0dip"

这个属性需要注意咯，当你不设置这个属性的话，你的圆点在最左边的时候是会显示不全的。