android - CollapsingToolbarLayout 中 ImageView 的 OnClickListener

Question

我在 CollapsingToolbarLayout 中有一个 ImageView，我想给它附加一个 View.OnClickListerner。但是，点击似乎不会触发监听器。

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/view_nade_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

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

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

        <ImageView
            android:id="@+id/view_nade_backdrop"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:scaleType="centerCrop"
            android:fitsSystemWindows="true"
            app:layout_collapseMode="parallax"
            app:layout_scrollFlags="scroll|enterAlways|snap"/>

        <android.support.v7.widget.Toolbar
            android:id="@+id/view_nade_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_collapseMode="pin"
            android:paddingTop="24dp">

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


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

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


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

<com.github.clans.fab.FloatingActionButton
    android:id="@+id/view_nade_fab"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:layout_margin="@dimen/activity_horizontal_margin"
    android:src="@drawable/ic_mode_edit_white_24dp"
    app:fab_colorNormal="?android:attr/colorAccent"
    app:fab_colorPressed="?android:attr/colorAccent"
    app:layout_anchor="@id/view_nade_appbar"
    app:layout_anchorGravity="bottom|right|end"/>

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

这是 Activity :

@BindView(R.id.view_nade_backdrop) ImageView mBackdrop;
@BindView(R.id.view_nade_appbar) AppBarLayout mAppbar;
@BindView(R.id.view_nade_collapsing_toolbar) CollapsingToolbarLayout mCollapsingToolbar;
@BindView(R.id.view_nade_toolbar) Toolbar mToolbar;

private final View.OnClickListener mOnBackdropClickListener = (v) ->
{
    final Intent intent = new Intent(ViewNadeActivity.this, GalleryActivity.class);
    intent.putExtra(GalleryActivity.EXTRA_PHOTO_URIS, ListUtils.join(mUtilityData.getImgUris(this)));
    startActivity(intent);
};


@Override
protected void onCreate(Bundle 
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_view_nade);

    ButterKnife.bind(this);

    setSupportActionBar(mToolbar);

    mBackdrop.setOnClickListener(mOnBackdropClickListener);
}

编辑:这是我附加到 CollapsingToolbarLayout 的 OnTouchListener(来源:@azizbekian)

private final View.OnTouchListener mOnToolbarTouchListener = new View.OnTouchListener()
{
    @Override
    public boolean onTouch(View view, MotionEvent motionEvent)
    {
        int action = motionEvent.getActionMasked();
        if(mBackdropBounds != null && (action == MotionEvent.ACTION_DOWN
                || action == MotionEvent.ACTION_UP
                || action == MotionEvent.ACTION_CANCEL))
        {
            if(mBackdropBounds.contains((int) motionEvent.getRawX(), (int) motionEvent.getRawY()))
            {
                if(mBackdrop != null)
                {
                    mBackdrop.dispatchTouchEvent(motionEvent);
                    return true;
                }
            }
        }
        return false;
    }
};

Answer 1

如果您打开 show layout bounds，您会看到 ImageView 顶部的布局实际上不会让您的点击事件到达到 ImageView。

我最终得到的是:

1. 等到 CollapsingToolbarLayout 完全展开
2. 展开后，您可以获得ImageView 的Rect(此Rect 包含 View 层次结构中 View 的坐标)
3. 一旦你有了那个矩形，你应该在 CollapsingToolbarLayout
中监听触摸事件
4. 如果该触摸事件的 x,y 位置在您在上一步中保存的 Rect 内，那么您应该拦截该触摸事件并将该 MotionEvent 委托(delegate)给 ImageView.

作为实现，您可以看到 this项目。 mMapLogoRect 是 CollapsingToolbarLayout 中 ImageView 的 Rect。