BottomSheetのListView
ListViewに単純なBottomSheetがあり、ListViewに画面いっぱいにスクロールしてさらにスクロールするのに十分なアイテムがあるという問題に遭遇しました。
下にスクロールすると、すべてが機能するように見えますが、上にスクロールしようとすると、BottomSheetをスクロールするだけでなく、ListView自体をスクロールしてビューを閉じていました。
しばらくして解決策を見つけることができましたが、ここではどこにも見つからなかったので、ここに投稿すると思いました。
解決策は、ListViewを次のように拡張することです。
public class BottomSheetListView extends ListView {
public BottomSheetListView (Context context, AttributeSet p_attrs) {
super (context, p_attrs);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
return true;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (canScrollVertically(this)) {
getParent().requestDisallowInterceptTouchEvent(true);
}
return super.onTouchEvent(ev);
}
public boolean canScrollVertically (AbsListView view) {
boolean canScroll = false;
if (view !=null && view.getChildCount ()> 0) {
boolean isOnTop = view.getFirstVisiblePosition() != 0 || view.getChildAt(0).getTop() != 0;
boolean isAllItemsVisible = isOnTop && view.getLastVisiblePosition() == view.getChildCount();
if (isOnTop || isAllItemsVisible) {
canScroll = true;
}
}
return canScroll;
}
}
次に、レイアウトファイルbottom_sheet_view.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:orientation="vertical"
Android:layout_width="match_parent"
Android:layout_height="match_parent">
<com.mypackage.name.BottomSheetListView
Android:id="@+id/listViewBtmSheet"
Android:divider="@color/colorPrimary"
Android:dividerHeight="1dp"
Android:layout_weight="1"
Android:layout_width="match_parent"
Android:layout_height="0dp" />
</LinearLayout>
最後に、Activity/Fragment：
BottomSheetDialog dialog = new BottomSheetDialog(context);
dialog.setContentView(R.layout.bottom_sheet_view);
BottomSheetListView listView = (BottomSheetListView) dialog.findViewById(R.id.listViewBtmSheet);
// apply some adapter - add some data to listview
dialog.show();
これにより、BottomSheetスクロールで完全に機能するListViewが提供されます。
ListViewを拡張したくない場合は、より良い方法があります。
//in onCreate
_listView.setOnTouchListener(new ListView.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
// Disallow NestedScrollView to intercept touch events.
v.getParent().requestDisallowInterceptTouchEvent(true);
break;
case MotionEvent.ACTION_UP:
// Allow NestedScrollView to intercept touch events.
v.getParent().requestDisallowInterceptTouchEvent(false);
break;
}
// Handle ListView touch events.
v.onTouchEvent(event);
return true;
}
});
これは、タッチイベントハドリングを含む正しいリストビューカスタムクラスです。
public class BottomSheetListView extends ListView
{
public BottomSheetListView(Context context, AttributeSet p_attrs)
{
super(context, p_attrs);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev)
{
if (canScrollVertically(this))
{
getParent().requestDisallowInterceptTouchEvent(true);
}
return super.onInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent ev)
{
if (canScrollVertically(this))
{
getParent().requestDisallowInterceptTouchEvent(true);
}
return super.onTouchEvent(ev);
}
public boolean canScrollVertically(AbsListView view)
{
boolean canScroll = false;
if (view != null && view.getChildCount() > 0)
{
boolean isOnTop = view.getFirstVisiblePosition() != 0 || view.getChildAt(0).getTop() != 0;
boolean isAllItemsVisible = isOnTop && view.getLastVisiblePosition() == view.getChildCount();
if (isOnTop || isAllItemsVisible)
{
canScroll = true;
}
}
return canScroll;
}
}
public class BottomSheetListView extends ListView {
public BottomSheetListView(Context context, AttributeSet attributeSet) {
super(context, attributeSet);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent motionEvent) {
View view = (View) getChildAt(getChildCount() - 1);
int diffBottom = (view.getBottom() - (getHeight() + getScrollY()));
if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
if (diffBottom == 0) {
return false;
}
}
/*//Need more improvement on this logic. Do not uncomment
int diffTop = (view.getTop() - (getHeight() + getScrollY()));
if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
if (diffTop < 0) {
return true;
}
}*/
return super.onInterceptTouchEvent(motionEvent);
}
@Override
public boolean onTouchEvent(MotionEvent motionEvent) {
if (canScrollVertically(this)) {
getParent().requestDisallowInterceptTouchEvent(true);
}
return super.onTouchEvent(motionEvent);
}
public boolean canScrollVertically(AbsListView absListView) {
boolean canScroll = false;
if (absListView != null && absListView.getChildCount() > 0) {
boolean isOnTop = absListView.getFirstVisiblePosition() != 0 || absListView.getChildAt(0).getTop() != 0;
boolean isAllItemsVisible = isOnTop && getLastVisiblePosition() == absListView.getChildCount();
if (isOnTop || isAllItemsVisible)
canScroll = true;
}
return canScroll;
}
}
私はそれが少しハックであることを知っていますが、それは私のために働いた、そしてリストビューでさえ選択可能です。一番下のシートがその状態を変更するときはいつでもそれがそのリスナーに捕捉される可能性があることを知っているので、リストビューが上に触れていない場合は状態を変更させないでください。
mBottomSheetBehavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback(){
@Override
public void onStateChanged(View bottomSheet, int newState) {
if (newState == BottomSheetBehavior.STATE_DRAGGING && !listIsAtTop()){
mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
}
}
@Override
public void onSlide(View bottomSheet, float slideOffset) {}});
public boolean listIsAtTop() {
if(tripListView.getChildCount() == 0) return true;
return (tripListView.getChildAt(0).getTop() == 0 && tripListView.getFirstVisiblePosition() ==0);
}
バージョン22.1.0以降、setNestedScrollingEnabled=true
このプロパティがtrueに設定されている場合、ビューは現在の階層の互換性のある親ビューでネストされたスクロール操作を開始できます。このビューがネストされたスクロールを実装しない場合、これは効果がありません。ネストされたスクロールの進行中にネストされたスクロールを無効にすると、ネストされたスクロールが停止します。
ここで説明したネストされたリストビューを試してみましたが、ListViewをタッチすると、ボトムシートを展開/折りたたむことができません。以下は私の解決策です。上にスクロールしてListViewが上にスクロールできない場合、下のシートが展開され、下にスクロールしてListViewがそれを実行できない場合、BottomSheetは折りたたまれます。
public class NestedListView extends ListView {
private boolean mIsBeingDragged = false;
private float mLastMotionY;
public NestedListView(final Context context, final AttributeSet attrs) {
super(context, attrs);
}
public NestedListView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
switch (event.getActionMasked()) {
case MotionEvent.ACTION_DOWN: {
if (canScrollDown() || canScrollUp()) {
final ViewParent parent = getParent();
if (parent != null) {
parent.requestDisallowInterceptTouchEvent(true);
}
}
break;
}
}
return super.onInterceptTouchEvent(event);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
final float y = event.getRawY();
switch (event.getActionMasked()) {
case MotionEvent.ACTION_MOVE: {
if (!mIsBeingDragged) {
final float deltaY = mLastMotionY - y;
mIsBeingDragged = (deltaY > 0 && canScrollDown())
|| (deltaY < 0 && canScrollUp());
if (mIsBeingDragged) {
final ViewParent parent = getParent();
if (parent != null) {
parent.requestDisallowInterceptTouchEvent(true);
}
} else {
final ViewParent parent = getParent();
if (parent != null) {
parent.requestDisallowInterceptTouchEvent(false);
}
return false;
}
}
}
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
mIsBeingDragged = false;
break;
}
mLastMotionY = y;
return super.onTouchEvent(event);
}
public boolean canScrollUp() {
final int childCount = getChildCount();
if (childCount == 0) {
return false;
}
final int firstPosition = getFirstVisiblePosition();
final int firstTop = getChildAt(0).getTop();
return firstPosition > 0 || firstTop < getListPaddingTop();
}
public boolean canScrollDown() {
final int childCount = getChildCount();
if (childCount == 0) {
return false;
}
final int firstPosition = getFirstVisiblePosition();
final int lastBottom = getChildAt(childCount - 1).getBottom();
final int lastPosition = firstPosition + childCount;
return lastPosition < getCount() || lastBottom > getHeight() - getListPaddingBottom();
}
}