在布局中合并2个图像视图

时间:2012-11-24 13:27:29

标签: java android android-layout

我想在布局中组合两个任意宽度和相同高度的图像(填充设备的宽度)。

此示例尺寸为:

  • 骰子:427x427
  • Domino:900x427

鉴于多米诺骨牌和其他骰子的图像,目标可能是:

enter image description here

我的初始代码是:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#999999"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/domino" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/dice" />

    </LinearLayout>

对于xlarge屏幕,结果为:

enter image description here

对于较小的屏幕,多米诺骨牌占据了所有的宽度,骰子甚至都没有出现。

还尝试将两个图像的重量设置为1,但结果也是错误的,并且会因屏幕尺寸而异。

我该如何解决这个问题?谢谢!

1 个答案:

答案 0 :(得分:1)

看看这是否是您想要的布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#999999" >

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/dice" />

    <ImageView
        android:id="@id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/imageView2"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@id/imageView2"
        android:src="@drawable/domino" />

</RelativeLayout>

您可能需要android:scaleType的{​​{1}}属性来“拉伸”图片。