ListView в BottomSheet
я столкнулся с проблемой, где у меня был простой ListView
на BottomSheet
и ListView
было достаточно элементов, чтобы заполнить экран и прокрутить еще больше.
когда я прокручиваю вниз, все, кажется, работает, однако, когда я попытался прокрутить назад, он прокручивал BottomSheet
сам и закрытие представления вместо того, чтобы просто прокручивать ListView
.
я смог найти решение через некоторое время, и так как я не мог найти его нигде здесь, я решил, что опубликую его здесь.
5 ответов
решение о продлении 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 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;
}
}
это правильный пользовательский класс представления списка с сенсорным событием hadnling
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;
}
}
Я знаю, что это немного взломать, но это сработало для меня, и даже listview можно выбрать. Поскольку мы знаем, что когда-либо нижний лист меняет свое состояние, его можно поймать в прослушивателе, поэтому не позволяйте ему изменять состояние, если listview не касается верхнего, отныне событие touch будет передано listview и будет работать так, как оно работает.
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);
}