ScrollViewの背景に配置した画像をクリックしたい

Question

質問内容

以下のコードのように、ScrollViewの背景に画像(ImageView)を配置します。
ScrollView内のConstraintLayoutにはmarginTopを設定しており、マージンの分だけScrollViewの背景が見えるようにしています。
下にスクロールすると、マージン分の背景は隠れていきます。

この時、マージンの分だけ見えているScrollViewの背景にある画像をクリックしてイベントを発生させることは可能でしょうか？
方法・アドバイス等頂きたいです。

ScrollViewが前面に来ているため、背景の画像でクリックイベントを取得することができません。
画像をScrollViewよりも前面にした場合、下スクロールで画像が隠れる動作を実現できません。

前提として、CoordinatorLayoutは使用せずScrollViewで実装したいと考えています。

以上、よろしくお願いいたします。

コード

• MainActivity.xml

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="jp.co.conol.myapplication.MainActivity">
    
    <!-- ScrollViewの背景にある画像 -->
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:clickable="true"
        android:focusable="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@mipmap/ic_launcher" />

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="50dp">  <!-- トップにマージンを設定 -->
            
            <!-- 何らかの内容 -->
            <android.support.constraint.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="1000dp"
                android:background="@android:color/darker_gray"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent">

            </android.support.constraint.ConstraintLayout>
        </android.support.constraint.ConstraintLayout>

    </ScrollView>
</android.support.constraint.ConstraintLayout>

• MainActivity.java

public class MainActivity extends AppCompatActivity {

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

        ImageView imageView = (ImageView) findViewById(R.id.imageView);

        // 画像クリックでトースト表示
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this, "clicked!!", Toast.LENGTH_SHORT).show();
            }
        });

    }
}

• 画面

スクロールで背景の画像が隠れる↓

Answer 1

全体をScrollViewで囲んで
その中にLinearLyoutなどを１個だけ置き
その中にImageViewを置けばよいのでは

<ScrollView
... >

    <LinearLyout
    ... >

        <ImageView

         ... />

        ...

    </LinearLyout>
</ScrollView>

この２番目の例が参考になると思います
リンク内容