ImageView填充剩余空间

时间:2013-06-12 09:20:17

标签: android

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

当用户在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填充的剩余屏幕..如何做到这一点?

2 个答案:

答案 0 :(得分:5)

ImageView更改为:

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

让父母查看LinearLayout

答案 1 :(得分:0)

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

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

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