Android LinearLayout 和图像

Question

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

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

我没有大图和小图，它们都是大图，我希望它们按比例显示。问题是无论我做什么，“主”图像都会占用太多空间，以至于大多数时候根本看不到底部的图像。

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

我也意识到我可能会使用其他布局，但将根布局设置为由一个图像组成的垂直 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>