Question

我正在创建一个通过tcp / ip命令控制无线电的Android应用程序。我正在使用SeekBar来显示和控制音量。我将SeekBar旋转90度，现在它是垂直的。

public class VerticalSeekBar extends SeekBar {

    public VerticalSeekBar(Context context) {
        super(context);
        setThumb(null);
    }

    public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        setThumb(null);
    }

    public VerticalSeekBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        setThumb(null);
    }

    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 void setProgress(int progress) {
        super.setProgress(progress);
        onSizeChanged(getWidth(), getHeight(), 0, 0);
    }

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

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
                onSizeChanged(getWidth(), getHeight(), 0, 0);
            case MotionEvent.ACTION_MOVE:
                setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
                onSizeChanged(getWidth(), getHeight(), 0, 0);
                break;
            case MotionEvent.ACTION_UP:
                setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
                onSizeChanged(getWidth(), getHeight(), 0, 0);
                break;
            case MotionEvent.ACTION_CANCEL:
                setProgress(getMax() - (int) (getMax() * event.getY() / getHeight()));
                onSizeChanged(getWidth(), getHeight(), 0, 0);
                break;
        }
        return true;
    }
}

一切正常但有一个图形问题。 SeekBar的宽度非常小（就像每个标准的SeekBar一样）。我想创建一个更广泛的SeekBar，这可能吗？

Answer 1

根据我对SeekBar的了解，您应该自定义SeekBar的drawable，以实现您的目标。我已经完成了这个，结果就在这里：

创建一个XML可绘制文件并将其命名为my_seekbar_progress_drawable.xml（此名称是可选的，您可以更改它）。然后将此代码复制并粘贴到该文件中。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape>
            <gradient
                android:startColor="#ffe9e9e9"
                android:centerColor="#ffc6c6c6"
                android:centerY="0.75"
                android:endColor="#ffe9e9e9"
                android:angle="270"/>

        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <gradient
                    android:startColor="#ffe9e9e9"
                    android:endColor="#ff2165ca"
                    android:angle="270" />
            </shape>
        </clip>
    </item>
</layer-list>

在您定义垂直SeekBar的布局文件中，您应该为其指定宽度。如果您写wrap_content，将选择最小宽度。

<com.example.myapp.VerticalSeekBar
    android:layout_width="20dp"
    android:progress="50"
    android:progressDrawable="@drawable/my_seekbar_progress_drawable"
    android:layout_height="200dp" />

在此处查看结果：
enter image description here

您可以根据需要使用可绘制XML文件中的值。

创建更广泛的SeekBar

1 个答案: