片段中的导航抽屉和 SurfaceView

Question

我想使用 SurfeceView 制作像 MS Paint 这样的简单绘画应用程序。 我使用导航抽屉创建了主要活动作为绘画工具的工具箱。 我假设我可以在许多表面（页面）上操作的用户，所以我为每个页面制作了单独的片段，里面有 SurfaceView。

在主要活动中，我制作了自定义按钮来打开抽屉。 在片段中，我为 SurfaveView 和 SurfaceView mHolder.setFormat(PixelFormat.TRANSLUCENT)

设置了 mSurfaceView.setZOrderOnTop(true)

片段布局：

<?xml version="1.0" encoding="utf-8"?>
<it.controls.PaintPageLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="20dp"
    android:background="#e0aa66cc"
    android:visibility="visible">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="Sv"
        android:textSize="12sp"
        android:padding="0dp"
        android:background="#ffff4444"
        android:textColor="@android:color/black"
        android:minWidth="40dp"
        android:id="@+id/surface_fragment_debug_save" />
    <TextView
        android:id="@+id/surface_fragment_debug_info"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="end"
        android:text="debug_info"
        android:textColor="@android:color/white"
        android:background="@android:color/transparent"
        android:visibility="visible"
        android:layout_toEndOf="@+id/surface_fragment_debug_save" />
</RelativeLayout>
<it.controls.PaintSurfaceView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/surface_fragment_surface"
    />

主布局几乎是从 Android Studio 生成的标准模板，希望我的应用是全屏的（没有工具栏）

<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
   <!-- The main content view -->
<android.support.design.widget.CoordinatorLayout
    android:id="@+id/main_coordinate_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
    <!-- button to show left menu -->
    <android.support.v7.widget.AppCompatImageButton
        android:id="@+id/toolbox_toggle_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/toolbox_show_margin"
        android:layout_marginLeft="@dimen/toolbox_show_margin"
        android:contentDescription="@string/menu_show_hide_menu"
        android:src="@drawable/ic_menu_black_48dp"
        android:minWidth="@dimen/toolbox_show_button_size"
        android:minHeight="@dimen/toolbox_show_button_size"
        android:scaleType="fitCenter"
        android:background="@drawable/toolbox_new_page_button_border"
        />
</android.support.design.widget.CoordinatorLayout>
<!-- The navigation drawer -->
<FrameLayout
    android:id="@+id/menu_container"
    android:layout_width="@dimen/nav_drawer_width"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="horizontal"
    android:layout_gravity="start"
    tools:ignore="UselessParent">
</FrameLayout>
</android.support.v4.widget.DrawerLayout>

当我编写简单的绘图机制在 SurfaceView 中绘制路径时，出现了问题。

我的问题是，在我绘制路径后我想改变颜色，所以我必须打开工具箱（抽屉）。打开抽屉后，我看到这条路径被绘制在抽屉上，如下面的屏幕所示。

我做错了什么？如何将 SurfaceView 隐藏在抽屉后面？

Answer 1

您的应用有两个不同的层：View UI 层和 SurfaceView Surface 层。其中一个完全在另一个之上。您不能将一个部分放在另一个之下。您将 SurfaceView Surface 放在顶部，因此它位于所有视图的前面。

使用custom View 可能比使用 SurfaceView 更好。它将与您的其他视图混合在一起，并且对于 Canvas 渲染，它可以更高效，因为它会利用硬件加速渲染。