如何修复seekbar-bar-thumb-centering-issues

时间:2011-09-13 15:03:36

标签: android seekbar

我设置了一个搜索栏的拇指图像,但我的拇指看起来位于搜索栏的下方。如何将拇指设置在搜索栏的正确位置。查看附加图像enter image description here

<SeekBar android:id="@+id/PP_Player_SeekBar" 
         android:thumb="@drawable/music_player_playerhead"
         android:paddingLeft="8dip"
         android:paddingRight="8dip"                 
         android:progressDrawable="@drawable/seekbar_drawable_xml_background"
         android:layout_width="236dip"
         android:layout_centerHorizontal="true"
         android:layout_height="wrap_content"
         android:layout_marginTop="47dip"></SeekBar>

由于 Sunil Kumar Saoo

4 个答案:

答案 0 :(得分:64)

将minHeight和maxHeight设置为与搜索条的高度相同。例如

<SeekBar 
    android:id="@+id/PP_Player_SeekBar"  
    android:thumb="@drawable/music_player_playerhead"
    android:paddingLeft="8dip"   
    android:paddingRight="8dip"                 
    android:progressDrawable="@drawable/seekbar_drawable_xml_background"
    android:layout_width="236dip" 
    android:layout_centerHorizontal="true"
    android:layout_height="wrap_content" 
    android:layout_marginTop="47dip"
    android:minHeight="11dip"
    android:maxHeight="11dip" />

请参阅以下网址 http://qtcstation.com/2011/05/android-how-to-fix-seekbar-bar-thumb-centering-issues/

答案 1 :(得分:22)

事实上,将maxHeight定义为像1000dp这样的大数字就足够了。

这也有使用height=wrap_contentheight=match_parent

的好处

答案 2 :(得分:5)

对我来说,问题更多与背景的垂直居中(轨迹可绘制)有关。这是我最初使用的有缺陷的可绘制代码(产生了问题),如Android开发人员和其他StackOverflow条目所示:

<item
    android:id="@android:id/background"
    android:drawable="@drawable/seekbar_track"/>
<item android:id="@android:id/secondaryProgress">
    <scale
        android:drawable="@drawable/seekbar_progress2"
        android:scaleWidth="100%" />
</item>
<item android:id="@android:id/progress">
    <scale
        android:drawable="@drawable/seekbar_progress"
        android:scaleWidth="100%" />
</item>

这里的问题是第一个项目,它与SeekBar的背景有关。许多条目将告诉您将layout_minHeight功能设置为某个较大的值,以避免拇指与其轨道之间的垂直空间断开。这对我来说不是解决方案 - 当在平板电脑上观看时,背景仍然是基于较小的手机尺寸 - 因此轨道始终位于SeekBar轨道中心的上方。解决方案是在SeekBar drawable中删除此条目,所以它现在看起来像这样:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:id="@android:id/secondaryProgress">
        <scale
            android:drawable="@drawable/seekbar_progress2"
            android:scaleWidth="100%" />
    </item>
    <item android:id="@android:id/progress">
        <scale
            android:drawable="@drawable/seekbar_progress"
            android:scaleWidth="100%" />
    </item>

</layer-list>

然后,在SeekBar的样式定义中,将layout_background设置为轨道drawable。我看起来像这样:

<style name="styleSeekBar" parent="@android:style/Widget.SeekBar">
    <item name="android:padding">@dimen/base_0dp</item>
    <item name="android:background">@drawable/seekbar_track</item>
    <item name="android:progressDrawable">@drawable/abratingbar</item>
    <item name="android:minHeight">@dimen/base_29dp</item>
    <item name="android:maxHeight">@dimen/base_29dp</item>
    <item name="android:layout_marginLeft">@dimen/base_10dp</item>
    <item name="android:layout_marginRight">@dimen/base_10dp</item>
    <item name="android:layout_marginTop">@dimen/base_10dp</item>
    <item name="android:layout_marginBottom">@dimen/base_10dp</item>
    <item name="android:scaleType">fitXY</item>
</style>

(以前,这里的背景设置只是一种颜色[白色]。)。

这是我的布局中的条目,它使用了样式和drawable:

<SeekBar
    android:id="@+id/seekbar_page_number"
    style="@style/styleSeekBar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/base_29dp"
    android:minHeight="@dimen/base_29dp"
    android:maxHeight="@dimen/base_29dp"
    android:layout_marginLeft="@dimen/base_230dp"
    android:layout_gravity="bottom|right"
    android:progress="1"
    android:max="20"
    android:progressDrawable="@drawable/abseekbar"
    android:thumb="@drawable/abseekbar_thumb"/>

因此,总而言之,不要在自定义SeekBar drawable中设置背景(轨道)功能,将其设置在自定义SeekBar样式的layout_background功能中。这可确保轨道始终在水平SeekBar中垂直居中。

答案 3 :(得分:0)

我只是通过将搜索栏的layout_height设置为wrap_content而不是match_parent来解决了水平搜索栏拇指未对准的问题