Android: Vertical LinearLayout - два вида изображений, я хочу, чтобы нижний масштабировался так, чтобы он соответствовал ширине верхнего.

Question

Я пытаюсь получить вертикальный LinearLayout для отображения просмотра изображения со вторым просмотром изображения под ним.Я хочу, чтобы нижнее изображение было шириной верхнего изображения.

Я пробую текущий макет xml:

            <LinearLayout
            android:orientation="vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center">   

                <ImageView
                android:id="@+id/image_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="centerInside"
                android:adjustViewBounds="true"
                android:layout_weight="1"
                />

                <LinearLayout
                android:orientation="vertical"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"> 
                    <ImageView
                    android:id="@+id/spacer"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/spacer"
                    />
                </LinearLayout>

            </LinearLayout>

Изображения будут отображаться с разделителем, которыйэто полная ширина экрана, а не ширина изображения.Проставка - это изображение с исчезающей кромкой, и я хочу, чтобы она была такой же ширины, как и изображение над ней.

Примечание. Изображение для верхнего изображения установлено программно и может быть пейзажным или портретным изображением.*

У кого-нибудь есть мысли о том, как этого добиться?

Заранее спасибо!

Answer 1

A RelativeLayout будет делать.Используйте layout_below для достижения вертикального упорядочения и layout_widht="match_parent", чтобы сделать нижнее изображение максимально широким с ограничениями layout_alignLeft и layout_alignRight:

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center" >

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"/>

    <ImageView
        android:id="@+id/spacer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/image_view"
        android:layout_alignLeft="@id/image_view"
        android:layout_alignRight="@id/image_view"
        android:background="@drawable/spacer" />

</RelativeLayout>

Пример вывода:

Использование слегка измененного макета для демонстрационных целей, предупреждения, вызванные отсутствием contentDescription s:

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true" >

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:adjustViewBounds="true"
        android:scaleType="centerInside"
        android:background="#f00"/>

    <ImageView
        android:id="@+id/spacer"
        android:layout_width="fill_parent"
        android:layout_height="10dp"
        android:layout_below="@id/image_view"
        android:layout_alignLeft="@id/image_view"
        android:layout_alignRight="@id/image_view"
        android:background="#0f0" />

</RelativeLayout>

(Да, я знаю. Старый вопрос, но нет хороших ответов и получилстолкнулся с сообществом.)

Answer 2

Используйте макет таблицы вместо относительного и LinearLayout. Для достижения этой цели макет таблицы автоматически предоставляет один и тот же столбец для всех строк.

Answer 3

Эй, r3mo используйте следующий код, вы можете получить то, что вы хотите достичь

<RelativeLayout android:layout_height = "fill_parent" android:layout_width = "fill_parent">
    <ImageView android:layout_width = "wrap_content"
        android:layout_height = "wrap_content" android:id = "@+id/ImageView1"
        android:src = "@drawable/spacer"/>
    <ImageView android:layout_width = "wrap_content"
        android:layout_height = "wrap_content" android:id = "@+id/ImageView2"
        android:src = "@drawable/spacer"
        android:layout_below = "@+id/ImageView1"/>
</RelativeLayout>