如何将此背景图像用于所有纵横比？

Question

我有一张像这样的图像用作相对布局中的背景：

这张图片用作我游戏所有关卡的背景。每个级别都被绘制到蓝色区域。 我想保持固定蓝色区域的纵横比，改变红色边缘的大小以避免向用户显示未使用他们屏幕的像素。对于所有手机，绿色区域必须固定为 80dp。然后我必须在我的布局中添加一个视图（一个 GLSurfaceView），使其完全适合蓝色区域。因此，我的 Android 游戏的所有级别在所有 Android 设备上都将完全一样。

我该如何解决这个问题？

我使用的真实图像稍微复杂一些。你可以看这里：

Real image

Answer 1

我会在屏幕的中间部分（蓝色）使用 FrameLayout，添加一个 ImageView，其中包含您要显示的 BackgroundImage，然后将 GLSurfaceView 放在它上面。

由于纵横比始终相同，您可以将 ImageViews 设置为适合 xy，并且图像应该始终看起来相同。

假设您使用的是简单的 SurfaceView，用于放置 ImageView 的 xml 代码 id 看起来像这样

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

   <ImageView 
       android:layout_height="match_parent"
       android:layout_width="match_parent"/>

    <SurfaceView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</FrameLayout>

由于我不知道您如何构建您的视图，因此我无法发布完成这项工作的代码，但只需将 FrameLayout 而不是您的 GLSurfaceView 添加到您的视图中，具有相同的尺寸，GLSurfaceView 将具有。

首先向该 FrameLayout 添加 ImageView，然后添加 GLSurfaceView。高度和宽度都设置为 match_parent。

要弄清楚 SurfaceView 的大小...

1. 检索显示尺寸
2. 减去绿条尺寸
3. 计算蓝色视图的大小，得到高度/宽度（以较大者为准）计算缺失的维度
4. 将红色视图设置为占用空白空间。

所以你必须以编程方式执行此操作:)