android - fragment 中的抽屉导航和 SurfaceView

Question

我想使用 SurfeceView 制作像 MS Paint 这样的简单绘画应用程序。我使用抽屉导航创建了主要 Activity 作为绘画工具的工具箱。我假设用户可以在多个表面(页面)上操作，所以我为每个页面制作了单独的 fragment ，其中包含 SurfaceView。

在主要 Activity 中，我制作了自定义按钮来打开抽屉。在 fragment 中，我为 SurfaveView 和 SurfaceView mHolder.setFormat(PixelFormat.TRANSLUCENT) 设置了 mSurfaceView.setZOrderOnTop(true)

fragment 布局:

<?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 放在顶部，因此它位于所有 View 的前面。

使用 custom View 可能会更好，而不是 SurfaceView。它会与您的其他 View 混合，对于 Canvas 渲染，它可以更高效，因为它会利用硬件加速渲染。