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渲染，它可以更高效，因为它将利用硬件加速渲染。

片段中的导航抽屉和SurfaceView

1 个答案: