我怎样才能在Android中获得一个垂直的SeekBar？
我在这里实现了通常指向VerticalSeekBar的post。 实际上，SeekBar有点古怪。 这里是我从这个例子稍微改编的onTouchEvent() ：
public boolean onTouchEvent(MotionEvent event) { xPos = event.getX(); yPos = event.getY(); oOffset = this.getThumbOffset(); oProgress = this.getProgress(); //Code from example - Not working //this.setThumbOffset( progress * (this.getBottom()-this.getTop()) ); this.setProgress((int)(29*yPos/this.getBottom())); return true; }
我设法实现了一个VerticalSeekBar，在这个VerticalSeekBar中，进度如预期的那样更新，并且function齐全，但是拇指并不适合。 这只是一个graphics故障，所以我现在忽略它。 但是，这将是很好的工作。 这SeekBar有max = 20 。
不过，我试着用max = 1000实现另一个VerticalSeekBar。 显然，它使用相同的代码，所以你会采取相同的行为。 即使我的手指滑过SeekBar并最终离开屏幕，我也只能达到0〜35的进度。 如果我只是在进度条（ 应该是progress ~ 900 ）结束时点击，它会返回大约35的进度，黄色的进度条通过停留在顶部附近来反映该值。
我的问题是：有没有人有一个工作垂直SeekBar的链接， 或知道如何适应这个特殊的例子？
这是一个工作的VerticalSeekBar实现：
package android.widget; import android.content.Context; import android.graphics.Canvas; import android.util.AttributeSet; import android.view.MotionEvent; public class VerticalSeekBar extends SeekBar { public VerticalSeekBar(Context context) { super(context); } public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public VerticalSeekBar(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: setProgress(getMax() - (int) (getMax() * event.getY() / getHeight())); onSizeChanged(getWidth(), getHeight(), 0, 0); break; case MotionEvent.ACTION_CANCEL: break; } return true; } }
要实现它，请在项目中创build一个新类，然后select正确的包：
在那里，粘贴代码并保存。 现在在你的XML布局中使用它：
<android.widget.VerticalSeekBar android:id="@+id/seekBar1" android:layout_width="wrap_content" android:layout_height="200dp" />
在接受的答案给出的代码没有拦截onStartTrackingTouch和onStopTrackingTouch事件，所以我已经修改它有更多的控制这两个事件。
这是我的代码：
public class VerticalSeekBar extends SeekBar { private OnSeekBarChangeListener myListener; public VerticalSeekBar(Context context) { super(context); } public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public VerticalSeekBar(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()); } @Override public void setOnSeekBarChangeListener(OnSeekBarChangeListener mListener){ this.myListener = mListener; } 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: if(myListener!=null) myListener.onStartTrackingTouch(this); break; case MotionEvent.ACTION_MOVE: setProgress(getMax() - (int) (getMax() * event.getY() / getHeight())); onSizeChanged(getWidth(), getHeight(), 0, 0); myListener.onProgressChanged(this, getMax() - (int) (getMax() * event.getY() / getHeight()), true); break; case MotionEvent.ACTION_UP: myListener.onStopTrackingTouch(this); break; case MotionEvent.ACTION_CANCEL: break; } return true; } }
使用setProgress方法使用此代码时遇到问题。 为了解决它们，我build议覆盖setProgress并添加onSizeChanged调用它。
使用setProgress方法使用此代码时遇到问题。 为了解决它们，我build议覆盖setProgress并添加onSizeChanged调用它。在这里添加的代码..
private int x,y,z,w; protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(h, w, oldh, oldw); this.x=w; this.y=h; this.z=oldw; this.w=oldh; } @Override public synchronized void setProgress(int progress) { super.setProgress(progress); onSizeChanged(x, y, z, w); }
通过添加以下代码来执行选定的hover操作：
1.setPressed（true）; setSelected（true）; //在ACTION_DOWN中添加它
2.setPressed（false）; setSelected（false）; //在ACTION_UP中添加它
并编写selecthover选项的代码在你的XML。
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:state_window_focused="true" android:drawable="@drawable/thumb_h" /> <item android:state_selected="true" android:state_window_focused="true" android:drawable="@drawable/thumb_h" /> <item android:drawable="@drawable/thumb" /> </selector>
这是为我工作…
感谢保罗Tsupikoff，Fatal1ty2787和Ramesh这个优秀的代码。
就个人而言，我想要一个与给定的代码相比颠倒的垂直滑块。 换句话说，价值增加，而不是减less，拇指越低。 改变四条线似乎已经照顾到了这一点。
首先，我改变了Paul最初给出的onDraw()方法。 rotate()和translate()调用现在有这些参数：
c.rotate(90); c.translate(0, -getWidth());
然后，我按照ACTION_MOVE规定，对onTouchEvent()的ACTION_MOVE事件做了两处修改。 现在调用setProgress()如下所示：
setProgress((int) (getMax() * event.getY() / getHeight()));
最后，对onProgressChanged()的调用如下所示：
myListener.onProgressChanged(this, (int) (getMax() * event.getY() / getHeight()), true);
现在，如果只有Google分享了我们对此function的兴趣….
对于API 11 and later ，可以使用seekbar's XML attributes （ android:rotation="270" ）来实现垂直效果。
<SeekBar android:id="@+id/seekBar1" android:layout_width="match_parent" android:layout_height="wrap_content" android:rotation="270"/>
对于较旧的API级别（例如API10），请使用： https ： //github.com/AndroSelva/Vertical-SeekBar-Android
另一个想法可能是更改MotionEvent的X和Y坐标并将它们传递给超级实现：
public class VerticalSeekBar extends SeekBar { public VerticalSeekBar(Context context) { super(context); } public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public VerticalSeekBar(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onTouchEvent(MotionEvent event) { if (!isEnabled()) { return false; } float x = (getHeight() - event.getY()) * getWidth() / getHeight(); float y = event.getX(); MotionEvent verticalEvent = MotionEvent .obtain(event.getDownTime(), event.getEventTime(), event.getAction(), x, y, event.getPressure(), event.getSize(), event.getMetaState(), event.getYPrecision(), event.getXPrecision(), event.getDeviceId(), event.getEdgeFlags()); return super.onTouchEvent(verticalEvent); } protected void onDraw(Canvas c) { c.rotate(-90); c.translate(-getHeight(), 0); super.onDraw(c); } @Override protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(heightMeasureSpec, widthMeasureSpec); setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth()); } protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(h, w, oldh, oldw); } }
在这种情况下，不需要调用setProgress（int）方法，因此可以使用OnSeekBarChangeListener.onProgressChanged（）中的fromUser布尔标志来确定search是否由用户交互产生。
目标平台
从Android 2.3.x（姜饼）到Android 7.x（牛轧糖）
入门
这个库在jCenter上发布。 只需将这些行添加到build.gradle。
dependencies { compile 'com.h6ah4i.android.widget.verticalseekbar:verticalseekbar:0.7.2' }
用法
布局XML
<!-- This library requires pair of the VerticalSeekBar and VerticalSeekBarWrapper classes --> <com.h6ah4i.android.widget.verticalseekbar.VerticalSeekBarWrapper android:layout_width="wrap_content" android:layout_height="150dp"> <com.h6ah4i.android.widget.verticalseekbar.VerticalSeekBar android:id="@+id/mySeekBar" android:layout_width="0dp" android:layout_height="0dp" android:max="100" android:progress="0" android:splitTrack="false" app:seekBarRotation="CW90" /> <!-- Rotation: CW90 or CW270 --> </com.h6ah4i.android.widget.verticalseekbar.VerticalSeekBarWrapper>
注意： android:splitTrack="false" N +需要android:splitTrack="false" 。
Java代码
public class TestVerticalSeekbar extends AppCompatActivity { private SeekBar volumeControl = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_test_vertical_seekbar); volumeControl = (SeekBar) findViewById(R.id.mySeekBar); volumeControl.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() { int progressChanged = 0; public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { progressChanged = progress; } public void onStartTrackingTouch(SeekBar seekBar) { // TODO Auto-generated method stub } public void onStopTrackingTouch(SeekBar seekBar) { Toast.makeText(getApplicationContext(), "seek bar progress:" + progressChanged, Toast.LENGTH_SHORT).show(); } }); } }
