如何创建自定义Horizo​​ntal SeekBar

时间:2016-01-30 12:01:26

标签: android android-seekbar

我正在开发一个Android应用程序,并尝试创建一个自定义水平SeekBar.Its工作但显示垂直SeekBar.I我正在共享我的代码。让我知道如何更改SeekBar的方向。请尽可能帮助。

自定义搜索栏的Java文件::

package android.widget;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;

 public class HSeekBar extends SeekBar {

    public HSeekBar(Context context) {
       super(context);
   }

   public HSeekBar(Context context, AttributeSet attrs, int defStyle)    {
    super(context, attrs, defStyle);
   }

   public HSeekBar(Context context, AttributeSet attrs) {
    super(context, attrs);
   }

  protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(h, w, oldh, oldw);
  }

   @Override
   protected synchronized void onMeasure(int widthMeasureSpec, int  heightMeasureSpec) {
      super.onMeasure(heightMeasureSpec, widthMeasureSpec);
     setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());
  }

  protected void onDraw(Canvas c) {
    c.rotate(90);
    c.translate(getHeight(),0);

    super.onDraw(c);
   }

  @Override
   public boolean onTouchEvent(MotionEvent event) {
    if (!isEnabled()) {
        return false;
    }

    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
        case MotionEvent.ACTION_MOVE:
        case MotionEvent.ACTION_UP:
            int i=0;
            i=getMax() - (int) (getMax() * event.getY() / getHeight());
            setProgress(i);
            Log.i("Progress",getProgress()+"");
            onSizeChanged(getWidth(), getHeight(), 0, 0);
            break;

        case MotionEvent.ACTION_CANCEL:
            break;
       }
    return true;
    }

  }

Xml文件

 <android.widget.HSeekBar
            android:id="@+id/hbar"
            android:layout_width="wrap_content"
            android:layout_height="250dip"
            android:max="200"
            android:progress="0"
            android:progressDrawable="@drawable/style"
            android:thumb="@drawable/thumb_image" />

 </LinearLayout>

1 个答案:

答案 0 :(得分:1)

          <SeekBar
            android:id="@+id/value"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:rotation="90"
            android:max="100" />

只需使用“android:rotation =”90“”或android:rotationX或android:rotationY 获取搜索栏的旋转