Передать событие прокрутки в другое представление

Я использую библиотеку поддержки дизайна Android для сворачивания макета панели инструментов. Все работает нормально, за исключением того, что я хочу прокручивать весь вид при прокрутке содержимого в CollapsingBarlayout

Вот макет xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">


    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="420dp"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            android:fitsSystemWindows="true">

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/collapsing_toolbar"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                app:contentScrim="?attr/colorPrimary"
                app:expandedTitleMarginStart="48dp"
                app:expandedTitleMarginEnd="64dp"
                android:fitsSystemWindows="true">

                <android.support.v4.view.ViewPager
                    xmlns:android="http://schemas.android.com/apk/res/android"
                    android:id="@+id/pager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:scaleType="centerCrop"
                    app:layout_collapseMode="parallax"
                    app:layout_collapseParallaxMultiplier="0.8"
                    android:fitsSystemWindows="true"
                    app:layout_behavior="@string/appbar_scrolling_view_behavior"
                    />

                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                    app:layout_collapseMode="pin" />

            </android.support.design.widget.CollapsingToolbarLayout>

        </android.support.design.widget.AppBarLayout>

        <android.support.v4.widget.NestedScrollView
            android:id="@+id/scroll_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clipToPadding="false"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

            <include layout="@layout/activity_item_detail"
                />

        </android.support.v4.widget.NestedScrollView>

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="@dimen/activity_vertical_margin"
            android:clickable="true"
            android:src="@android:drawable/ic_menu_call"
            app:layout_anchor="@+id/appbar"
            app:layout_anchorGravity="bottom|right|end"
            style="@style/floating_action_button"
            />

    </android.support.design.widget.CoordinatorLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/drawer"/>
</android.support.v4.widget.DrawerLayout>

введите описание изображения здесь введите здесь описание изображения

Прокрутка содержимого работает, если коснуться чего-либо, кроме панели просмотра/панели инструментов. Мне нужен тот же опыт прокрутки при касании и прокрутке по вертикали на пейджере просмотра. Пытался переопределить onTouchEvent пейджера просмотра, чтобы передать событие движения ACTION_UP в scroll_view.

nestedScrollView.post(new Runnable() {
    @Override
    public void run() {
        mPager.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_UP) {
                    return nestedScrollView.onTouchEvent(event);
                } else {
                    return v.onTouchEvent(event);
                }
            }
        });
    }
});

Но это не работает. Пожалуйста, помогите с обходным путем / любым взломом, который может быстро исправить это.


android android-layout androiddesignsupport android-design-library
person Pradeep Sharma    schedule 04.08.2015    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Узнайте представление, которое получает событие касания. В этом конкретном случае ViewPager получает событие касания, которое мы хотим переопределить. Если у вас есть представление, которое получает событие касания, вы можете установить детектор жестов. Взгляните на это руководство, в частности на

Обнаружение подмножества поддерживаемых жестов

Таким образом, вы можете управлять всеми жестами, которые выполняются во внешнем виде, и вы можете каким-то образом реагировать на жест.
Примечание: когда вы расширяете GestureDetector.SimpleOnGestureListener, не забудьте переопределить метод onDown. , иначе вы не получите никакого другого события.

Редактировать

Я протестировал свое предложение в этом проекте github. Если вы измените CheeseDetailActivity таким образом, вы получите событие onScroll, вызываемое при прокрутке внутри изображения сыра.

public class CheeseDetailActivity extends AppCompatActivity {

    public static final String EXTRA_NAME = "cheese_name";

    private GestureDetectorCompat mDetector;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_detail);

        MyGestureListener listener = new MyGestureListener();
        mDetector = new GestureDetectorCompat(this, new MyGestureListener());
        View root = findViewById(R.id.pager);
        root.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                return mDetector.onTouchEvent(event);
            }
        });


        Intent intent = getIntent();
        final String cheeseName = intent.getStringExtra(EXTRA_NAME);

        final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

        CollapsingToolbarLayout collapsingToolbar =
                (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
        collapsingToolbar.setTitle(cheeseName);

        loadBackdrop();
    }

    private void loadBackdrop() {
        final ImageView imageView = (ImageView) findViewById(R.id.backdrop);
        Glide.with(this).load(Cheeses.getRandomCheeseDrawable()).centerCrop().into(imageView);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.sample_actions, menu);
        return true;
    }

    class MyGestureListener extends GestureDetector.SimpleOnGestureListener {
        private static final String DEBUG_TAG = "Gestures";

        @Override
        public boolean onDown(MotionEvent event) {
            Log.d(DEBUG_TAG,"onDown: " + event.toString());
            return true;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            Log.d(DEBUG_TAG, "onScroll: ");
            //Implement functionality you want e.g. horiontal scroll changes viewpager item, vertical scroll collpases the toolbar
            return true;
        }
    }
}
person Mimmo Grottoli    schedule 07.08.2015
comment
Спасибо @Миммо. Это сработало после отслеживания того, где я получал событие onTouch, которое в моем случае было элементом ViewPager. Я применил пользовательский жестListener к viewpager, и это сработало. - person Pradeep Sharma; 10.08.2015
comment
@IntoTheWild: не могли бы вы подсказать, как реализовать вертикальную прокрутку всего контента внутри Onscroll()? Я не получил желаемого решения, когда попытался прокрутить макет панели приложений с параметром DistanceY в scrollBy(). - person kesari; 11.08.2015
comment
У меня симмилерная проблема. У меня есть recylerview в viewpager, который снова обернут в Nestedscrollview. Но Recylerview не передает прокрутку в NestedScrollView, чтобы свернуть панель инструментов. не могли бы вы опубликовать полное решение? - person Sharmilee; 11.09.2015

arrow_upward
1
arrow_downward

В содержимом вашего пейджера должна быть включена вложенная прокрутка. Самый простой способ сделать это — просто обернуть его в NestedScrollView:

fragment_image.xml

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <ImageView
        android:id="@+id/backdrop"
        android:layout_width="match_parent"
        android:layout_height="@dimen/detail_backdrop_height"
        android:scaleType="centerCrop" />
</android.support.v4.widget.NestedScrollView>

Однако это приводит к тому, что родительская высота ImageView становится неопределенной, поэтому вам нужно установить ее на некоторую фиксированную высоту.

person tachyonflux    schedule 09.08.2015