如何让图像按钮的尺寸在 Android 中有意义？

Question

首先，我可以说，我发现布局 Android UI 是一种令人沮丧的体验吗？我曾经认为 XML 布局简单、干净、很棒，但每次我尝试用它做任何事情时，我都会花几个小时尝试做最简单的事情！

在这个特定的实例中，我试图制作一个简单的水平条，其中包含一个固定大小的图像按钮，在它的右侧和左侧我想要一个 ImageView 来占据剩余的可用宽度。我一直在用户界面中看到类似的结构：搜索时出现在屏幕顶部的搜索框、用于撰写文本/googletalk消息的文本区域和发送按钮等。

我尝试过水平线性布局和相对布局，我无法让按钮在任一布局中看起来正确。我最近的尝试有以下布局代码：

它看起来像这样：

使用 hiearchyviewer 表示 imageview 和按钮具有相同的高度 (45px)。它显示的视图尺寸和位置正是我正在寻找的。相同的高度（当然宽度不同，因为 ImageView 更宽）。它们紧邻在一起，位于相对布局的中心。然而，屏幕上绘制的按钮显然没有占据整个 ImageButton 视图。我认为用于 ImageButton 背景的 android 系统 9patch 可绘制对象有点奇怪。但我知道什么？无论我如何尝试，我都无法让它看起来正确。

Answer 1

您是如何设置 RelativeLayout 的？尝试这样设置：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent" android:layout_height="wrap_content">
    <ImageButton android:layout_width="wrap_content" android:src="@drawable/icon" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:id="@+id/imgButton"></ImageButton>
    <ImageView android:id="@+id/imageView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:src="@drawable/red_button" android:scaleType="fitXY" android:layout_alignBottom="@+id/imgButton" android:layout_alignTop="@+id/imgButton" android:layout_toLeftOf="@+id/imgButton"></ImageView>        
</RelativeLayout>

希望这会有所帮助。

Answer 2

如果尺寸正是您想要的尺寸，则在 ImageButton 和 ImageView 中，使用 android:scaleType="fitXY" 并检查。

对于简单的情况，我可能会使用水平方向的线性布局，其中有两个具有适当权重的按钮。