android - 如何在gl中设计一个gridview

Question

好吧，我想不出如何用一种体面的方式来表达这个，所以我会建议它为“你会怎样？”。

我有一个连接到服务的应用程序，该服务将所有数据连接到一个主要 Activity 。这个 Activity 被一个滑动抽屉分成两部分。抽屉式 Activity 的顶部只是一些按钮，可帮助设置应用程序并充当主菜单以快速到达任何地方。

底部(通过点击抽屉显示)是应用程序的核心，一个显示 9 个长凳的 gl 窗口，每个长凳包含 6 个小部件。小部件显示有用的数据，并且必须能够自由移动并长按以打开选项菜单。

这就是我的问题所在，我使用 gridview 来保存小部件，但现在我正在使用 GL 作为长凳和触摸监听器，我不知道如何将 gridview 叠加到长凳上，仍然保持 GL 窗口的触摸运动，并且仍然能够与 gridview 交互。

这让我想征求任何人对如何解决这个问题的意见。在这一点上，我唯一的选择是弄清楚如何在 gl 中制作所有的小部件(即使有些甚至可能是条形图)。我宁愿不这样做，因为 gl 和我不能很好地合作。但我真的想不通如何集成这些功能并仍然使其发挥作用。有什么想法吗？!

将 GRIDVIEW 转换为位图

这个方法在我对gridview(WorkBench)的扩展中。本质上，我正在做的是浏览一组 GridView ，收集每个 View 的位图，然后将位图设置为面板的纹理。

WorkBench 类中的 toBitmap

public Bitmap toBitmap() {
    int x = getWidth();
    int y = getHeight();
    Bitmap b = Bitmap.createBitmap(x, y, Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas();
    canvas.setBitmap(b);
    draw(canvas);
    return b;
}

这里是我初始化工作台的地方

LayoutParams lp = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
for (int i = 0; i < mWB.length; i++) {
    mWB[i] = mBoundService.createBench(ARMHomescreen.this, i+"");
    mWB[i].setLayoutParams(lp);
}

无论我是使用 LayoutParam 还是在 toBitmap 方法中设置大小，都不会设置 WorkBenches 尺寸...

Answer 1

您可以使用常规布局来设计您的小部件。如果您的小部件可能非常复杂，这当然是最好的选择。

但是 OpenGL 不能对 Android 布局做任何事情，所以你对每个小部件所做的是:

1. 扩充包含您的小部件布局的私有(private) View 。
2. 用要显示的值(文本等)填充您的小部件
3. 关键点:将您的小部件绘制到私有(private)位图(使用 View.draw(Canvas))。
4. 将位图转换为 GL 纹理以进行 GL 渲染

显然，您只需执行#1 一次，每次您的小部件更改其显示的某些方面时执行#2 和#3。

我已经将这种方法用于增强现实应用程序，该应用程序具有 float 在相机预览上的复杂布局，而且效果确实非常好。

稍后添加:

这是我在相机预览背景上覆盖的 OpenGL 屏幕截图:

覆盖项使用常规布局绘制到私有(private)位图:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainlayout"
    android:orientation="vertical"
    android:layout_width="200dp"
    android:layout_height="80dp" 
    android:background="@drawable/ar_regus_frame">

<TextView    
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:singleLine="false"
    android:textColor="@android:color/black"
    android:textSize="16sp"
    android:textStyle="bold"
    android:shadowColor="@android:color/white"
    android:shadowDx="0"
    android:shadowDy="1" 
/>

<TextView    
    android:id="@+id/distance"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="6dp"
    android:background="@drawable/bkgnd_red_field"
    android:textColor="@android:color/white"
    android:textSize="16sp"
    android:textStyle="bold" 
/>

</RelativeLayout>

通过这种技术，您可以享受两全其美...您可以使用 Android 惊人强大的布局系统来设计复杂的 UI 元素，并以硬件加速的 OpenGL 的速度和流畅性渲染它们。

添加于 2011 年 2 月 3 日上午 11:56 左右

以下是绘制私有(private)位图 View 的方法:

// Inflate the view
View view = getLayoutInflater().inflate(R.layout.whatever, null);

// HERE YOU SET ALL YOUR VIEW AND CHILD VIEW PROPERTIES, TEXT ETC
// eg view.findViewById(R.id.foo).setSomeProperty(etc);

// Now we set the desired pixel size of our view. This is something the framework
// would normally do for you, as a result of the view being attached to the
// Window's view hierarchy. Since *this* view is *not* attached to the Window, we
// have to do it manually
// NB: omitted DP to pixels conversion for clarity
view.setLayoutParams(new LayoutParams(160, 160))); 
view.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
int width  = view.getMeasuredWidth();
int height = view.getMeasuredHeight();
view.layout(0, 0, width, height);

// Finally we draw our view to a private bitmap
Canvas canvas = new Canvas();
Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
canvas.setBitmap(bitmap);
view.draw(canvas);

// The bitmap can now be converted to a GL texture in the normal way.