用拇指對齊Android seekbar

Question

我試圖將seekbar對齊到視圖的頂部，但我無法用拇指居中。 是否有某種「alignCenter」與RelativeLayout子項。

這裏是我的XML代碼示例：

<RelativeLayout 
    android:id="@+id/rl_fragment_audio_player" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:background="@color/black_transparent" 
    android:padding="5dp" 
    android:visibility="gone" > 

    <TextView 
     android:id="@+id/tv_fragment_audio_begin" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_centerVertical="true" 
     android:textColor="@color/white" /> 

    <TextView 
     android:id="@+id/tv_fragment_audio_end" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_centerVertical="true" 
     android:textColor="@color/white" /> 

    <Button 
     android:id="@+id/btn_fragment_audio_play" 
     android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_centerInParent="true" 
     android:background="@drawable/btn_play" 
     android:visibility="gone" /> 
</RelativeLayout> 

<SeekBar 
    android:id="@+id/sb_fragment_audio" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:visibility="gone" 
    android:layout_above="@id/rl_fragment_audio_player" /> 

例如，谷歌播放音樂做的。

Answer 1

正如你所說，你的seekbar的高度可能會有所不同，除非你指定它不同。這是你如何確保它始終適合所有人。

android:layout_above="@id/rl_fragment_audio_player" 

將您的seekbar設置在rl_fragment_audio_player的上方。沒有直接的方法來指定centerAlignWith，但我會刪除它在其父項中佔據的空間。要知道搜索欄的高度，您必須等到全局佈局發生變化。此代碼應放置在您的onCreateView

sb = (SeekBar) rootView.findViewById(R.id.sb_fragment_audio); 
    sb.getViewTreeObserver().addOnGlobalLayoutListener(
      new ViewTreeObserver.OnGlobalLayoutListener(){ 

       @Override 
       public void onGlobalLayout() { 

        sb.getViewTreeObserver().removeOnGlobalLayoutListener(this); 

        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) sb.getLayoutParams(); 
        params.setMargins(0, - sb.getHeight()/2, 0, - sb.getHeight()/2); 
        sb.setLayoutParams(params); 
        // I suggest you set the seekbar visible after this so that it won't jump 
       } 

      }); 

xml中的最後一個視圖將在前面。因此，請確保您的seekbar在其他視圖之後添加。像這樣

<RelativeLayout 
    android:id="@+id/rl_fragment_audio_player" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" > 

    // your bottom panel 

</RelativeLayout> 

<View 
    android:id="@+id/image_above" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_above="@id/rl_fragment_audio_player" /> 

<SeekBar 
    android:id="@+id/sb_fragment_audio" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@id/image_above" /> 

Answer 2

您是否嘗試過加入負餘量搜索條？

<SeekBar 
    android:id="@+id/sb_fragment_audio" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:visibility="gone" 
    android:layout_marginBottom="-15dp" 
    android:layout_above="@id/rl_fragment_audio_player" />