layout_height 应该是 layout_width 的函数

Question

假设纵向模式，我有一个 ImageView，其图像大小可变（但始终为方形）。我希望 ImageView 的宽度始终等于布局的宽度（fill_parent），并且您可以看到 scaleType 是“centerCrop”，它将进行缩放。

问题是，如果我将 *layout_height* 也设置为“fill_parent”，那么由于 centerCrop 保留了原始纵横比，因此高度优先，图像在左右两侧被裁剪。 （这当然假设屏幕比宽高）。但是，如果我将 layout_height 设置为“wrap_content”，则不再缩放高度，最终得到一个裁剪的矩形。这样做是因为它尊重图像的原始高度。

是否有 layout_height 设置优先于“fill_parent”的 layout_width？

<ImageView
    android:id="@+id/iv_image"
    android:layout_width="fill_parent"
    android:layout_height="?"
    android:layout_below="@id/header"
    android:layout_centerHorizontal="true"
    android:contentDescription="@string/cd_image"
    android:padding="0dp"
    android:scaleType="centerCrop"
    android:src="@drawable/blank_album" />

移除 android:layout_height 属性会导致崩溃： java.lang.RuntimeException：二进制 XML 文件第 16 行：您必须提供 layout_height 属性。

设置 android:layout_height="0dp" 垂直压碎图像。

回答：结合其他用户的回答，我找到了一个适合我的简单解决方案。

首先，图像视图有这样的配置（注意fitStart）：

<ImageView
    android:id="@+id/iv_album"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/header"
    android:layout_gravity="top"
    android:background="#FF00FF00"
    android:contentDescription="@string/app_name"
    android:padding="0dp"
    android:scaleType="fitStart"
    android:src="@drawable/blank_album" />

然后以编程方式，对图像的高度进行小修改以匹配宽度（在 Activity.onResume() 内）

        ImageView iv = (ImageView)findViewById(R.id.iv_album);
        boolean bPost = iv.post(
                new Runnable()
                {
                    public void run()
                    {
                        ImageView iv = (ImageView)findViewById(R.id.iv_album);
                        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams)iv.getLayoutParams();
                        params.width = ASong.this.findViewById(R.id.song_view_layout_top).getWidth();
                        params.height = params.width;                           
                        iv.setLayoutParams(params);
                    }
                });

        if (bPost == false)
        {
            throw new RuntimeException("runnable not posted");
        }

Answer 1

我昨天不得不处理这个问题。这是解决我的问题的 XML：

<ImageView
                android:id="@+id/character"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_alignParentBottom="true"
                android:background="@android:color/transparent"
                android:scaleType="fitCenter"
                android:src="@drawable/ma_un1_001" />

在此处查看主题：Center drawable and scale height

长话短说：

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scaleType="fitCenter"

Answer 2

或者，您可以通过编程方式进行：

用 LinearLayout 包围 ImageView

<LinearLayout
android:id="@+id/container"
android:layout_below="@id/header"
android:layout_centerHorizontal="true"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
    <ImageView
    android:id="@+id/iv_image"
    android:layout_width="fill_parent"
    android:layout_height="?"
    android:contentDescription="@string/cd_image"
    android:padding="0dp"
    android:scaleType="centerCrop"
    android:src="@drawable/blank_album" />
</LinearLayout>

然后，在你的 onCreate() 中，插入

findViewById(R.id.container).post(
    new Runnable() {
    public void run() {
        LinearLayout container = (LinearLayout)findViewById(R.id.container);
        LinearLayout.LayoutParams params = (LinearLayout.LayoutParams)container.getLayoutParams();
        params.height = params.width;
        container.setLayoutParams(params);
    }}
);

代码必须放到post()中，因为主进程不能直接修改布局结构。