具有layout_weights的LinearLayout以及具有不同高度的子级

Question

我的图像按钮高度为 40 像素，但我的画廊高度要大得多。现在，我的图像按钮占据了它们所获得的整个空间，并且与我的画廊高度相同。有没有办法在保持这种水平布局的同时保持按钮的原始大小？

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="horizontal"
        android:paddingTop="20dp" >

        <ImageButton
            android:id="@+id/left_arrow"
            android:layout_weight="3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/shared_arrow_left_button_selector"
            android:scaleType="fitCenter" />

        <Gallery
            android:id="@+id/gallery"
            android:focusable="true"
        android:focusableInTouchMode="true"
        android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:spacing="15dp" />

        <ImageButton
            android:id="@+id/right_arrow"
            android:layout_weight="3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/shared_arrow_right_button_selector"
            android:scaleType="fitCenter" />
    </LinearLayout>

Answer 1

您正在应用

android:layout_width="match_parent"
android:layout_height="match_parent"

两个 ImageButton，以便它们填充高度，如果您只想让 ImageButton 包裹其原始大小，只需将它们更改为 wrap_content 并删除 layout_weight 属性。此外，当您将 layout_weight="1" 应用于图库时，只需更改 android:layout_width="0dp" ，因为宽度将由 layout_weight 管理> 财产本身。你的最终布局应该是这样的，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="horizontal"
    android:paddingTop="20dp" >

    <ImageButton
        android:id="@+id/left_arrow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter" />

    <Gallery
        android:id="@+id/gallery"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:spacing="15dp" />

    <ImageButton
        android:id="@+id/right_arrow"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter" />

</LinearLayout>

Answer 2

<ImageButton
        android:id="@+id/left_arrow"
        android:layout_weight="3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/shared_arrow_left_button_selector"
        android:scaleType="centerinside" />
Remove Weight attribute, and set width and height of buttons to wrap_content
    <Gallery
        android:id="@+id/gallery"
        android:focusable="true"
    android:focusableInTouchMode="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:spacing="15dp" />

    <ImageButton
        android:id="@+id/right_arrow"
        android:layout_weight="3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/shared_arrow_right_button_selector"
        android:scaleType="centerinside" />
</LinearLayout>

Answer 3

删除 ImageButtons 中的布局权重 = 3，这是导致显示的图像按钮大于 Gallery 的原因。

我认为你不知道如何使用layout_weight属性，所以你不知道如何解决这个问题。首先了解layout_weight。

如果您有任何疑问，请随时问我。

在图像按钮和图库中使用下面的行，会很好。

android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="wrap_content"