Android 6.0 Marshmallow停止显示Vertical SeekBar thumb

时间:2015-10-13 20:44:13

标签: android seekbar

我一直在SeekBar周围使用this basic wrapper,但发现它隐藏了拇指,或者在Marshmallow的白色背景上做了一些像白色一样的时髦。

我使用AS“BlankActivity”向导来创建一个项目来说明这一点,除了默认设置之外什么都没有改变。左边是Lollipop,相同的代码在Marshmallow的右边运行:

enter image description here

有一个自定义水平SeekBar来测试是否存在定制它们的一般问题,但没有。左边的第一个垂直方向没有样式,这在Marshmallow之前是好的,但是没有其他方式,中央显式使用Widget.Material.Light.SeekBar样式来测试默认情况是否未被拾取,并且最后一个给出了一个很大的线索,因为它使用旧的Widget.Holo.SeekBar样式然后出现,虽然它看起来像是几年前出现的。

以下是此布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    >

    <com.otamate.seekbarmarshbug.CustomSeekBar
        android:id="@+id/seekBarCustom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <com.otamate.seekbarmarshbug.VerticalSeekBar
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_below="@+id/seekBarCustom"
        />

    <com.otamate.seekbarmarshbug.VerticalSeekBar
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:gravity="center_horizontal"
        android:layout_below="@+id/seekBarCustom"
        android:layout_centerHorizontal="true"
        style="@android:style/Widget.Material.Light.SeekBar"
        />

    <com.otamate.seekbarmarshbug.VerticalSeekBar
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/seekBarCustom"
        style="@android:style/Widget.Holo.SeekBar"
        />

</RelativeLayout>

CustomSeekBar:

package com.otamate.seekbarmarshbug;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.SeekBar;

public class CustomSeekBar extends SeekBar {

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

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

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

和VerticalSeekBar:

package com.otamate.seekbarmarshbug;

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

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

}

4 个答案:

答案 0 :(得分:7)

试试这段代码。它工作正常!

<seekBar>
   .....
   android:splitTrack="false"
</seekBar>

答案 1 :(得分:6)

似乎棉花糖OS在某种程度上打破了画布上的平局。我实现了一个简单的修复。

我在自定义VerticalSeekBar的两种方法中进行了修改

foo

编辑:这只适用于Marshmallow设备。如果您尝试在前M的设备上使用此功能,则会显示两个拇指。如果您希望此功能适用于所有设备,则需要使用拇指的自定义属性完全重绘拇指。

检查此github仓库以查找与M一起使用的VerticalSeekBar https://github.com/3drobotics/AndroidWidgets

答案 2 :(得分:1)

我也在使用Vertical Seekbar并遇到同样的问题。 这对我有用:

on onCreate:

    ViewTreeObserver vto = mSeekBar.getViewTreeObserver();
    vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
        @Override
        public boolean onPreDraw() {
            Resources res = getResources();
            Drawable thumb_image = res.getDrawable(R.drawable.vertseekbarthumb);
            int h = (int) (mSeekBar.getMeasuredWidth());
            int w = (int) (h);
            Bitmap bmpOrg = ((BitmapDrawable) thumb_image).getBitmap();
            Bitmap bmpScaled = Bitmap.createScaledBitmap(bmpOrg, w, h, true);
            mNewThumb = new BitmapDrawable(res, bmpScaled);
            mNewThumb.setBounds(0, 0, mNewThumb.getIntrinsicWidth(), mNewThumb.getIntrinsicHeight());
            mSeekBar.setThumb(mNewThumb);
            mSeekBar.getViewTreeObserver().removeOnPreDrawListener(this);
            mSeekBar.setProgressAndThumb(45);
            return true;
        }
    });

我已经在marshmallow之前进行了onPreDraw调用,在它停止显示拇指之后我实际上只添加了这个调用:

mSeekBar.setProgressAndThumb(45);

它也开始研究marsmallow。 45只是我想要设置Thumb的进度,因为我的Seekbar最大进度为90我希望它在中间。因此,您必须更改此数字以符合您的进度。

答案 3 :(得分:-1)

只需使用普通的SeekBar并使用对我有帮助的android:rotation =“270”。

<SeekBar
android:id="@+id/seekBar"
android:rotation="270"
/>