Android 6中的滚动条触摸区域

Question

我注意到在Android 6.0 Marshmallow中有新的行为。滚动条的触摸区域比滚动条本身更宽。如下所示，可以看到这一点。滚动条有20dp（绿色区域），触摸区域可能是48dp（蓝色和绿色区域）。我希望仅在滚动条上方有触摸区域：

我使用以下内容：

<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <style name="MyTheme.Dark" parent="android:Theme.Black">
        <item name="android:fastScrollStyle">@style/Widget.FastScroll</item>
        <item name="android:scrollbarThumbVertical">@drawable/dark_scrollbar_thumb</item>
        <item name="android:scrollbarTrackVertical">@drawable/dark_scrollbar_track</item>
        <item name="android:scrollbarSize">4dp</item>
        <item name="android:fastScrollThumbDrawable">@drawable/dark_scrollbar_fast_thumb</item>
        <item name="android:fastScrollTrackDrawable">@drawable/dark_scrollbar_fast_track</item>
    </style>

    <style name="Widget.FastScroll" parent="android:Widget.Material.FastScroll">
    </style>

</resources>

dark_scrollbar_fast_thumb.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape>
            <size
                android:height="30dp"
                android:width="20dp" />

            <solid android:color="@android:color/transparent" />
        </shape>
    </item>

    <item android:left="8dp" android:right="8dp">
        <shape>
            <size
                android:height="30dp"
                android:width="4dp" />

            <solid android:color="@color/dark_secondary" />
        </shape>
    </item>

</layer-list>

dark_scrollbar_fast_track.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <size android:width="@dimen/1dp" />
    <solid android:color="@color/dark_scrollbar_track" />

</shape>

dark_scrollbar_fast_thumb.xml:

<item>
    <shape>
        <size
            android:height="30dp"
            android:width="20dp" />

        <solid android:color="@android:color/transparent" />
    </shape>
</item>

<item android:left="8dp" android:right="8dp">
    <shape>
        <size
            android:height="30dp"
            android:width="4dp" />

        <solid android:color="@color/dark_secondary" />
    </shape>
</item>

dark_scrollbar_fast_track.xml:

<size android:width="@dimen/1dp" />
<solid android:color="@color/dark_scrollbar_track" />

快速滚动条始终可见，我在列表视图中使用以下样式：

<item name="android:scrollbarStyle">outsideInset</item>

但是结果更像外部覆盖。我只能在Marshmallow设备上观察到这个问题。我想找到导致它的属性，并将其从48dp更改为20dp。你能帮我吗？

- Bhiefer

---

当我在ListView上设置android:fastScrollEnabled="true"时，这对我也是一个问题。 - Claus Holst

@ClausHolst 对我来说也是一样的，真的应该可以设置区域大小。我尝试定义一个onTouch区域来禁用快速滚动，但正常滚动和快速滚动的设计差异太大，会混淆用户体验... - Mr. Fish

Answer 1

我遇到了同样的问题，最终采用了一个解决方法。

诀窍是在用户不滚动（或者停止滚动1秒后）禁用快速滚动，当用户重新开始滚动时再重新激活它。 为此，您需要像这样实现OnScrollListener并将监听器设置到ListView中：

private int mCurrentState = 0;

@Override
public void onScrollStateChanged(AbsListView absListView, int state) {

    if (state == SCROLL_STATE_IDLE && mCurrentState != state && mListview.isFastScrollEnabled()){

        mListview.postDelayed(new Runnable() {
            @Override
            public void run() {
                mListview.setFastScrollEnabled(false);
            }
        },1000);

    }

    mCurrentState = state;
}

@Override
public void onScroll(AbsListView absListView, int i, int i1, int i2) {

    if (mCurrentState == SCROLL_STATE_TOUCH_SCROLL) {


        if (!mListview.isFastScrollEnabled())
            mListview.setFastScrollEnabled(true);
    }
}

希望这能对您有所帮助

- AlexMok

Answer 2

发现了一个简单的解决方案，但说实话我并不完全理解 ;) 我为蓝色部分创建了一个视图叠加层，应该对快速滚动条（父视图是RelativeLayout）进行触摸无效化。

<View
    android:id="@+id/scroll_overlay
    android:layout_width="25dp"
    android:layout_marginRight="25dp"
    android:alignParentTop="true"
    android:alignParentRight="true"
    android:layout_above="@id/my_list_view_bottom_bar"
    android:clickable="true"/>

在我的列表视图片段中，我为覆盖视图设置了一个OnTouchListener来捕获触摸事件。想法是捕获MotionEvent.ACTION_DOWN以避免跳转到快速滚动条位置。但是以下代码已经实现了这一点。

View scrollOverlay = (View)view.findViewById(R.id.scroll_overlay);
scrollOverlay.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
      return myListView.onTouchEvent(event);
    }
});

- Mr. Fish