Android：OpenGL-ES 游戏图像 (HUD)

Question

我为 Android 制作了一个基本的 3D 游戏，并想添加一个 HUD。我该怎么做？是否可以添加一个位于 3D 游戏之上的布局，或者我必须使用 OpenGL 来完成此操作？

Answer 1

可以在 openGL 布局上添加一个或多个布局。为此，您必须从relativelayout开始。它将包含 OpenGL 和 Hud 布局。声明顺序很重要（先声明，先渲染）。要更改 Hud 布局的位置，您可以使用layout_margin 属性，如果是完整覆盖，则可以使用 match_parent。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relativeLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <!-- START of OpenGL Layout -->
    <LinearLayout
        android:id="@+id/openGLLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="0dp"
        android:layout_marginTop="0dp" >
    </LinearLayout>
    <!-- END of OpenGL Layout -->

    <!-- START of HUD Layout -->
    <LinearLayout
        android:id="@+id/hudLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="50dp"
        android:layout_marginTop="50dp">
        <TextView 
            android:id="@+id/hudText"
            android:text="Hud Text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
        </TextView>
    </LinearLayout>
    <!-- END of HUD Layout -->

</RelativeLayout>

在此示例中，OpenGL 布局是用作容器的空 LinearLayout。我通过代码将我自己的 GLSurfaceView 添加到此relativelayout：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState)

    setContentView( R.layout.main );
    MyOpenGLSurfaceView view = new MyOpenGLSurfaceView( getApplication() );
    LinearLayout openGLLayout = (LinearLayout)findViewById(R.id.openGLLayout);
    openGLLayout.addView(mView);
}

我主要使用此方法来确认弹出窗口或上下文菜单。这样我就不必使用 openGL 创建自己的按钮。

Answer 2

典型的解决方案是绘制 3D 场景，然后切换到正交投影并仍然使用 OpenGL 绘制 HUD。将普通组件放置在 OpenGL 画布上可能会产生不可预测的结果（它们可能会闪烁或只是不可见）。

Answer 3

我也遇到了同样的问题，并且我已经为此奋斗了将近一年。我没有使用xml布局，而是像这样在java中添加视图：

rel.addView(camPreview, camParams);
rel.addView(glView, glParams);
rel.addView(imageView, imageParams); 

我得到的一个建议是将az索引参数添加到addView调用中，如下所示：

rel.addView(camPreview, 0, camParams);
rel.addView(glView, 1, glParams);
rel.addView(imageView, 2, imageParams);

但这也不起作用..

我什至尝试切换到 xml 布局，但仍然不是我想要的，

最终解决方案是：

glView.setZOrderMediaOverlay(true);
rel.addView(camPreview, camParams);
rel.addView(glView, glParams);
rel.addView(imageView, imageParams);

注意：在实际添加视图之前需要调用 setZOrderMediaOverlay(true)

尝试一下，让我知道这是否适合您。