片段中的导航抽屉和 SurfaceView

Navigation Drawer and SurfaceView in fragment

我想用SurfeceView做一个像MS Paint一样简单的绘画软件。 我用导航抽屉创建了 main activity 作为绘画工具的工具箱。 我假设用户可以在多个表面(页面)上操作,所以我为每个页面制作了单独的片段,其中包含 SurfaceView。

在 main activity 中,我制作了自定义按钮来打开抽屉。 在片段中,我为 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隐藏在抽屉后面?

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

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