放置两个图像占据整个屏幕

时间:2013-02-19 16:51:39

标签: android view android-imageview

我想在相应的图像视图中放置两个图像,以便它们占据整个屏幕。到目前为止,我只是到了这里:((添加正在测试的设备,我使用S3)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<ImageView
    android:id="@+id/white"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:onClick="onClick"
    android:src="@drawable/up" />

    <ImageView                
    android:id="@+id/blue"
    android:layout_height="fill_parent"
            android:layout_width="fill_parent"
            android:src="@drawable/blue"
            android:onClick="onClick"
            android:layout_below="@id/white"/>

</RelativeLayout>

图像为1080 X 1920并缩放到屏幕。问题是下面的图像缩放不正确或他们没有正确连接。我的顶部和底部有一个黑色区域

我很抱歉,但图片大小不一样。

3 个答案:

答案 0 :(得分:2)

您可以通过添加weightSum来实现此目的。替换此xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity1" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:weightSum="1" >

        <ImageView
            android:id="@+id/white"
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight=".5"
            android:onClick="onClick"
            android:src="@drawable/up" />

        <ImageView
            android:id="@+id/blue"
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_below="@id/white"
            android:layout_weight=".5"
            android:onClick="onClick"
            android:src="@drawable/blue" />
    </LinearLayout>

</RelativeLayout>

它看起来像: enter image description here 更多帮助。请添加评论。

答案 1 :(得分:1)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:weightSum="2" >

<ImageView
    android:id="@+id/white"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:onClick="onClick"
    android:src="@drawable/up" />

<ImageView
    android:id="@+id/blue"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:onClick="onClick"
    android:src="@drawable/blue" />

</LinearLayout>

答案 2 :(得分:0)

您应该使用layout_weight设置的LinearLayout:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
<ImageView
    android:id="@+id/white"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:onClick="onClick"
    android:src="@drawable/up" />

<ImageView                
    android:id="@+id/blue"
    android:layout_height="0dp"
    android:layout_width="fill_parent"
    android:layout_weight="1"
    android:src="@drawable/blue"
    android:onClick="onClick"
    android:layout_below="@id/white"/>
</LinearLayout>

对于缩放问题,我建议您查看scaleType