android seek seek bar定製，

Question

我需要定製一個搜索欄，在預先確定的時間說30秒，我應該在搜索欄上有一個點。 此時間爲每個視頻不同，所以如何，我把搜索欄上點一點在特定的第二

Answer 1

我這裏還有一些可能性：正上方SeekBar

1. 把「點」視圖一。這裏不會詳細解釋它，因爲它是簡單的android-layout任務;

2. 擴展SeekBar，如下所示（請參閱this good explanation about custom views）：

   /** 
   * Seek bar with dots on it on specific time/percent 
   */ 
   public class DottedSeekBar extends SeekBar { 
   
       /** Int values which corresponds to dots */ 
       private int[] mDotsPositions = null; 
       /** Drawable for dot */ 
       private Bitmap mDotBitmap = null; 
   
       public DottedSeekBar(final Context context) { 
        super(context); 
        init(null); 
       } 
   
       public DottedSeekBar(final Context context, final AttributeSet attrs) { 
        super(context, attrs); 
        init(attrs); 
       } 
   
       public DottedSeekBar(final Context context, final AttributeSet attrs, final int defStyle) { 
        super(context, attrs, defStyle); 
        init(attrs); 
       } 
   
       /** 
       * Initializes Seek bar extended attributes from xml 
       * 
       * @param attributeSet {@link AttributeSet} 
       */ 
       private void init(final AttributeSet attributeSet) { 
        final TypedArray attrsArray = getContext().obtainStyledAttributes(attributeSet, R.styleable.DottedSeekBar, 0, 0); 
   
        final int dotsArrayResource = attrsArray.getResourceId(R.styleable.DottedSeekBar_dots_positions, 0); 
   
        if (0 != dotsArrayResource) { 
         mDotsPositions = getResources().getIntArray(dotsArrayResource); 
        } 
   
        final int dotDrawableId = attrsArray.getResourceId(R.styleable.DottedSeekBar_dots_drawable, 0); 
   
        if (0 != dotDrawableId) { 
         mDotBitmap = BitmapFactory.decodeResource(getResources(), dotDrawableId); 
        } 
       } 
   
       /** 
       * @param dots to be displayed on this SeekBar 
       */ 
       public void setDots(final int[] dots) { 
        mDotsPositions = dots; 
        invalidate(); 
       } 
   
       /** 
       * @param dotsResource resource id to be used for dots drawing 
       */ 
       public void setDotsDrawable(final int dotsResource) { 
        mDotBitmap = BitmapFactory.decodeResource(getResources(), dotsResource); 
        invalidate(); 
       } 
   
       @Override 
       protected synchronized void onDraw(final Canvas canvas) { 
        super.onDraw(canvas); 
   
        final int width = getMeasuredWidth(); 
        final int step = width/getMax(); 
   
        if (null != mDotsPositions && 0 != mDotsPositions.length && null != mDotBitmap) { 
         // draw dots if we have ones 
         for (int position : mDotsPositions) { 
          canvas.drawBitmap(mDotBitmap, position * step, 0, null); 
         } 
        } 
       } 
   } 
   

   不要在res/values/attrs.xml忘記定製ATTRS：

   <resources> 
       <declare-styleable name="DottedSeekBar"> 
        <attr name="dots_positions" format="reference"/> 
        <attr name="dots_drawable" format="reference"/> 
       </declare-styleable> 
   </resources> 
   

   並使用下面的代碼：

   setContentView(R.layout.main); 
   
   final DottedSeekBar bar = (DottedSeekBar) findViewById(R.id.seekBar); 
   
   bar.setDots(new int[] {25, 50, 75}); 
   bar.setDotsDrawable(R.drawable.dot); 
   

   with main.xml layout：

   <LinearLayout 
        xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:custom="http://schemas.android.com/apk/res/com.example.TestApp" 
        android:orientation="vertical" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"> 
   
       <com.example.TestApp.DottedSeekBar 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:id="@+id/seekBar" /> 
   </LinearLayout> 
   

   或者只是單一的main.xml：

   <LinearLayout 
        xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:custom="http://schemas.android.com/apk/res/com.example.TestApp" 
        android:orientation="vertical" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent"> 
   
       <com.example.TestApp.DottedSeekBar 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:id="@+id/seekBar" 
        custom:dots_positions="@array/dots" 
        custom:dots_drawable="@drawable/dot" /> 
   </LinearLayout> 
   

   你可以得到下面的圖片：

3. 參考this example更多的想法;

關於把點上的特定「時間」：SeekBar是不是時候，所以它給你提供任何與時間相關的邏輯。