Как я могу получить рабочую вертикальную SeekBar в Android?

Я внедрил общедоступный пост VerticalSeekBar здесь. Как бы то ни было, 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, в котором прогресс обновляется, как ожидается, и является полностью функциональным, но большой палец не подходит. Это всего лишь графический глюк, поэтому я сейчас его не замечаю. Но было бы неплохо, если бы это работало. Этот SeekBar имеет max = 20.

Однако я попытался реализовать еще один VerticalSeekBar с помощью max = 1000. Очевидно, что он использует один и тот же код, поэтому вы принимаете такое же поведение. Я могу достичь прогресса 0 ~ 35, даже когда мой палец скользит за пределы SeekBar и, в конечном счете, с экрана. Если я просто коснусь конца индикатора выполнения (который должен быть progress ~ 900), он возвращает прогресс около 35, а желтый индикатор выполнения отражает это значение, оставаясь рядом с вершиной.

Мой вопрос: имеет ли кто-нибудь ссылку на рабочий вертикальный SeekBar или знает, как адаптировать этот конкретный пример?

Ответы

Ответ 1

Вот работающая реализация 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;
    }
}

Чтобы реализовать его, создайте новый класс в своем проекте, выбрав правильный пакет:

Там, вставьте код и сохраните его. Теперь используйте его в своем XML-макете:

<android.widget.VerticalSeekBar
  android:id="@+id/seekBar1"
  android:layout_width="wrap_content"
  android:layout_height="200dp"
  />

Ответ 2

Код, указанный в принятом ответе, не перехватывал события 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;
}
}

Ответ 3

У меня возникли проблемы при использовании этого кода с помощью метода setProgress. Чтобы решить их, я предлагаю переопределить setProgress и добавить к нему вызов onSizeChanged.

Ответ 4

У меня возникла проблема при использовании этого кода с помощью метода setProgress. Чтобы решить их, я предлагаю переопределить 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);

        }

выбранные действия наведения выполняются путем добавления следующего кода:

1.setPressed(true); setSelected (true);//Добавить это в ACTION_DOWN

2.setPressed(false); setSelected (false);//Добавить это в ACTION_UP

И напишите код для выбранных параметров наведения в ur 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>

Это работает для меня...

Ответ 5

Для API 11 and later можно использовать seekbar XML attributes (android:rotation="270") для вертикального эффекта.

<SeekBar
android:id="@+id/seekBar1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:rotation="270"/>

Для более старого уровня API (ex API10) используйте: https://github.com/AndroSelva/Vertical-SeekBar-Android

Ответ 6

Спасибо Paul Tsupikoff, Fatal1ty2787 и Ramesh за этот отличный код.

Лично мне нужен вертикальный слайдер, который находится в обратном порядке по сравнению с данным кодом. Другими словами, значение увеличивается, а не уменьшается, чем ниже большой палец. Кажется, что это изменило четыре строки.

Во-первых, я изменил метод onDraw(), как это первоначально дал Пол. Теперь вызовы rotate() и translate() имеют следующие аргументы:

c.rotate(90);
c.translate(0, -getWidth());

Затем я сделал два изменения в случае ACTION_MOVE в onTouchEvent(), как указано Fatal1ty2787. Вызов setProgress() теперь выглядит следующим образом:

setProgress((int) (getMax() * event.getY() / getHeight()));

Наконец, вызов onProgressChanged() выглядит следующим образом:

myListener.onProgressChanged(this, (int) (getMax() * event.getY() / getHeight()), true);

Теперь, если бы Google поделился нашим интересом к этой функции....

Ответ 7

Еще одна идея - изменить координаты X и Y 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);
}

@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), и поэтому вы можете использовать boolean-flag "fromUser" в OnSeekBarChangeListener.onProgressChanged(), чтобы определить, был ли поиск создан пользовательским взаимодействием.

Ответ 8

Целевые платформы

от Android 2.3.x(Gingerbread) к 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" требуется для Android N +.

Код 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();
            }
        });
    }

}