Android LinearLayout 和图像

Question

好吧，我知道这并不难，但我玩得很开心。我是一名经验丰富的 Java 程序员，但对 Android 很陌生（好吧，所以我正在进行我的第一个测试应用程序仍然...）

我想在屏幕上显示 3 个图像，一个“主”图像占据屏幕的顶部 75%，然后水平放置在其下方的两个较小的图像。 （想象一个画廊，显示主（当前）图像，左侧下方有一个“上一个”图像图标，右侧主图像下方有一个“下一个”图像图标）。

我没有大图像和小图像，它们只是很大，我希望它们以缩放的方式显示。问题是，无论我做什么，“主”图像都会占用太多空间，因此大多数情况下，底部的图像根本不可见。

我意识到我可以将主图像的高度设置为指定的倾斜数并且这已经起作用，但是如果我的应用程序转到具有不同密度的设备，它会看起来很愚蠢。我尝试过使用 android:layout_weight，但没有运气。我想如果我将layout_weights设置为相等，它将使视图占据相同的比例，但“主”图像总是占主导地位，并导致小图像被剪裁在底部或完全推离屏幕。

我还意识到我可能可以使用其他布局，但让根布局成为由一个图像组成的垂直 LinearLayout 和由 2 个图像组成的水平 LinearLayout 似乎很简单。像这样的事情：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >

  <ImageView
    android:id="@+id/cbPicView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:src="@drawable/cb1"
    android:layout_weight="1"
  />

  <LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    >

    <ImageView
      android:id="@+id/cbPrevPicView"
      android:layout_width="50dip"
      android:layout_height="50dip"
      android:src="@drawable/cb4"
      android:layout_weight="1"
    />

    <ImageView
      android:id="@+id/cbNextPicView"
      android:layout_width="50dip"
      android:layout_height="50dip"
      android:src="@drawable/cb2"
      android:layout_weight="1"
    />
  </LinearLayout>
</LinearLayout>

抱歉，篇幅较长 - 试图提供尽可能多的细节。谢谢！

Answer 1

这将产生类似：

-------

   1

-------
 2 | 3
-------

布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >

  <ImageView
    android:id="@+id/cbPicView"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_gravity="center_horizontal"
    android:src="@drawable/cb1"
    android:layout_weight="3"
  />

  <LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    >

    <ImageView
      android:id="@+id/cbPrevPicView"
      android:layout_width="0dp"
      android:layout_height="fill_parent"
      android:src="@drawable/cb4"
      android:layout_weight="1"
    />

    <ImageView
      android:id="@+id/cbNextPicView"
      android:layout_width="0dp"
      android:layout_height="fill_parent"
      android:src="@drawable/cb2"
      android:layout_weight="1"
    />
  </LinearLayout>
</LinearLayout>