垂直的VerticalSeekBar

最新推荐文章于 2023-03-25 10:14:19 发布

时代新人

最新推荐文章于 2023-03-25 10:14:19 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 知识点小模块例子文章标签： VSeekBar 控件垂直SeekBar

本文链接：https://blog.youkuaiyun.com/u013184970/article/details/78459681

Android 知识点小模块例子专栏收录该内容

76 篇文章

订阅专栏

本文介绍了一种基于SeekBar的垂直进度条控件——VerticalSeekBar的实现方法。通过继承SeekBar并覆盖一些关键方法，实现了垂直方向的滑动效果，并提供了XML布局示例及监听器设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们平时所使用的SeekBar控件为水平拉动的，最近做项目有个音量调节，需要设置垂直方向的拉动条，那么就要自己来写一个VerticalSeekBar实现，很简单的，只需将VerticalSeekBar来继承SeekBar并实现里面的一些方法即可，下面附上源码：

package com.junto.staffcar.main.ui;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.SeekBar;

/**
 * Created by WangJinyong on 2017/11/6.
 */

@SuppressLint("AppCompatCustomView")
public class VSeekBar extends SeekBar {
    public VSeekBar(Context context) {
        super(context);
    }

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

    public VSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @SuppressLint("NewApi")
    public VSeekBar(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    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(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected synchronized void onDraw(Canvas canvas) {
        canvas.rotate(-90);
        canvas.translate(-getHeight(), 0);
        super.onDraw(canvas);
    }

    @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;
    }
}

在使用的时候：

<com.junto.staffcar.main.ui.VSeekBar
        android:id="@+id/verticalSeekBar"
        android:layout_width="32dp"
        android:layout_height="100dp"
        android:max="100" />

//seekBar设置监听
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            /**
             * seekbar改变时的事件监听处理 
             * @param seekBar
             * @param progress
             * @param fromUser
             */
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                tv_seekBar.setText("水平当前进度："+progress+"%");
            }

            /**
             * 按住seekbar时的事件监听处理 
             * @param seekBar
             */
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
                Log.e("tag","按住seekbar");
            }

            /**
             * 放开seekbar时的时间监听处理
             * @param seekBar
             */
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                Log.e("tag","放开seekbar");
            }
        });