Question

我意识到这可能是一个微不足道的布局问题，但我似乎无法按照我想要的方式工作，而不会在我感觉太多的容器布局中分层。我要做的是设置一个ImageView，以满足以下条件：

ImageView的宽度是其父级宽度的一定百分比（现在的屏幕宽度）。
ImageView在屏幕内水平居中。

我使用XML布局创建了一个测试用例，但实际上我将以编程方式创建这些布局和视图;我认为这不是为了找出正确的布局。

我对Android布局中的权重有些熟悉，以及它们通常用于如何使用相对加权因子布局多个视图。为了满足条件1，我创建了一个容器LinearLayout（水平方向），设置其weightSum = 1，然后使用我想要的任何百分比的权重嵌入我的ImageView，比如说0.5。这有效！

接下来，我希望ImageView最终在屏幕中水平居中。所以我将引力设置为“center”/“centerHorizontal”。这就是我被卡住的地方，因为无论我选择什么引力/布局重力设置，它似乎始终与左侧对齐。

布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FFFFFF">
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:weightSum="1.0">
        <ImageView
            android:src="@drawable/earth"
            android:adjustViewBounds="true"
            android:layout_width="0"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:layout_gravity="center_horizontal"
            android:id="@+id/imageView1" />
    </LinearLayout>
</LinearLayout>

结果：

Resulting image aligned to the left

我真正想要实现的是：

Desired result

但是为了实现这一点，我必须在ImageView的两侧插入两个权重为0.25的虚拟LinearLayouts，如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FFFFFF">
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:weightSum="1.0">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="0"
            android:layout_height="wrap_content"
            android:layout_weight="0.25"/>
        <ImageView
            android:src="@drawable/earth"
            android:adjustViewBounds="true"
            android:layout_width="0"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:layout_gravity="center_horizontal"
            android:id="@+id/imageView1" />
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="0"
            android:layout_height="wrap_content"
            android:layout_weight="0.25"/>
    </LinearLayout>
</LinearLayout>

在我看来，这是一个丑陋而又笨拙的布局，不仅因为我现在不得不使用除了我的顶级LinearLayout之外的3个额外的LinearLayout来调整和定位我的视图，还因为我想要做所有的以编程方式动态布局。我可能决定在运行时左右对齐我的视图，或者相对于屏幕宽度更改其缩放系数，在此解决方案中需要可能添加/删除虚拟布局视图并适当设置所有权重。

我希望有人在布局上比我有更好的解决方案！理想情况下，我可以设置“重力”（虽然我无法使其工作），或者设置宽度而不需要水平LinearLayout容器和重量的一些替代方法，因为没有那个容器我可以居中在我的顶级垂直LinearLayout中水平放置。

谢谢！

编辑：我刚刚意识到在我的第二次布局尝试中使用虚拟填充LinearLayouts我可以取消第二个填充LinearLayout（设置为0.25的权重）并且只使用一个虚拟填充LinearLayout之前我的ImageView，因为它们相对于父级中的预定weightSum。 E.g：

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:weightSum="1.0">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="0"
            android:layout_height="wrap_content"
            android:layout_weight="0.25"/>
        <ImageView
            android:src="@drawable/earth"
            android:adjustViewBounds="true"
            android:layout_width="0"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:layout_gravity="center_horizontal"
            android:id="@+id/imageView1" />
    </LinearLayout>

仍然不是我希望的理想解决方案。

Answer 1

您只需将android:gravity="center"添加到线性布局（不在imageView中）

我希望它有所帮助。

Answer 2

ImageView的重力不会居中，因为父LinearLayout是水平的。

您想要设置父LinearLayout的重力，它将在其父级（垂直LinearLayout）内水平居中。

Android ImageView的重量不是以父LinearLayout为中心

2 个答案: