SurfaceView как фон

Я хочу использовать свой SurfaceView в качестве фона для своей деятельности но есть моя проблема:

если я установлю setZOrderOnTop(true);, он закроет весь экран поверх всего, и на нем ничего не будет видно, а если я установлю значение false, SurfaceView будет невидимым.

вот мой план действий:

<?xml version = "1.0" encoding = "utf-8"?>
<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 = ".views.activities.IntroActivity">

<!--this is my custom surface view-->

    <ir.example.app.views.custom.noise3
        android:id = "@+id/intro_noise"
        android:layout_width = "match_parent"
        android:layout_height = "match_parent"
        android:alpha = "0.8"
        app:layout_constraintBottom_toBottomOf = "parent"
        app:layout_constraintEnd_toEndOf = "parent"
        app:layout_constraintStart_toStartOf = "parent"
        app:layout_constraintTop_toTopOf = "parent" />

    <android.support.v4.view.ViewPager
        android:id = "@+id/introPager"
        android:layout_width = "match_parent"
        android:layout_height = "match_parent" />

    <ImageView
        android:id = "@+id/nextIntro"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:layout_marginBottom = "8dp"
        android:layout_marginEnd = "16dp"
        android:layout_marginTop = "8dp"
        android:src = "@drawable/next_round_btn_shape"
        app:layout_constraintBottom_toBottomOf = "parent"
        app:layout_constraintEnd_toEndOf = "parent"
        app:layout_constraintTop_toTopOf = "parent" />

    <ImageView
        android:id = "@+id/lastIntro"
        android:layout_width = "wrap_content"
        android:layout_height = "wrap_content"
        android:layout_marginBottom = "8dp"
        android:layout_marginStart = "16dp"
        android:layout_marginTop = "8dp"
        android:src = "@drawable/back_round_btn_shape"
        app:layout_constraintBottom_toBottomOf = "parent"
        app:layout_constraintStart_toStartOf = "parent"
        app:layout_constraintTop_toTopOf = "parent" />

</android.support.constraint.ConstraintLayout>

Обновлено: это мой макет фрагмента viewPager

<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">

<com.hosseinkud.toolbox.utiles.CTV
    android:id = "@+id/introTitle"
    android:layout_width = "wrap_content"
    android:layout_height = "wrap_content"
    android:layout_marginStart = "8dp"
    android:layout_marginTop = "88dp"
    android:layout_marginEnd = "8dp"
    android:gravity = "center"
    android:text = "some nice text"
    android:textColor = "@color/white"
    android:textSize = "@dimen/textVeryLarge"
    app:layout_constraintEnd_toEndOf = "parent"
    app:layout_constraintStart_toStartOf = "parent"
    app:layout_constraintTop_toTopOf = "parent" />

<ImageView
    android:id = "@+id/introPic"
    android:layout_width = "150dp"
    android:layout_height = "150dp"
    android:layout_marginStart = "8dp"
    android:layout_marginTop = "16dp"
    android:layout_marginEnd = "8dp"
    android:layout_marginBottom = "8dp"
    android:src = "@drawable/tvtest"
    app:layout_constraintBottom_toBottomOf = "parent"
    app:layout_constraintEnd_toEndOf = "parent"
    app:layout_constraintStart_toStartOf = "parent"
    app:layout_constraintTop_toBottomOf = "@+id/introTitle"
    app:layout_constraintVertical_bias = "0.0" />

и это скриншот, когда я установил setZOrderOnTop(true);: