android - ImageView 填充剩余空间

Question

我正在使用 ImageView 和 Horizo​​ntalScrollView 创建布局。它看起来像下面的图像..

当用户单击 Horizo​​ntalScrollView 的图像之一时，它将在 ImageView 显示更大的图像..

到目前为止，我的代码如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">

<ImageView
android:id="@+id/imageViewTop"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_alignParentTop="true"
/>


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
        >

    <HorizontalScrollView
            android:id="@+id/mainHorizontalScrollView"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            >

        <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:background="@color/orange"
                >

            <ImageView
                    android:id="@+id/image1"
                    android:layout_width="150dp"
                    android:layout_height="150dp"
                    android:scaleType="fitXY"
                    android:src="@drawable/pic1"
                    android:padding="15dp"
                    ></ImageView>

            <ImageView
                    android:id="@+id/image2"
                    android:layout_width="150dp"
                    android:layout_height="150dp"
                    android:scaleType="fitXY"
                    android:src="@drawable/pic2"
                    android:padding="15dp"
                    ></ImageView>

        </LinearLayout>

    </HorizontalScrollView>

</RelativeLayout>

上面的代码使 ImageView 填满整个屏幕..我想要的是 ImageView 填充了未由 Horizo​​ntalScrollView 填充的剩余屏幕..怎么做？

Answer 1

更改ImageView为：

<ImageView
android:id="@+id/imageViewTop"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight=1
android:layout_alignParentTop="true"
/>

并使父视图LinearLayout

Answer 2

将父布局更改为 LinearLayout 并在 ImageView 和子 RelativeLayout 上添加使用权重，如下所示，

<LinearLayout ....
......>
<ImagView layout-weight="1"...
...../>
<RelativeLayout layout-weight="0.6"..
......>
<!-- child Views -->
</RelativeLayout>
</LinearLayout>

根据您的要求更改重量值，希望这会有所帮助