水平定位两个imageView

时间:2012-06-13 14:30:06

标签: android android-layout

我想水平放置两个ImageView,但我无法正确定位。

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" 

        >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent" android:scaleType="fitXY">


            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:src="@drawable/some_image" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:layout_alignBottom="@+id/imageView3"

                android:src="@drawable/some_image_ontop" />



        </RelativeLayout> 

        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content" android:scaleType="fitXY" >


            <ImageView
                android:id="@+id/imageView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:src="@drawable/some_other_image" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:layout_alignBottom="@+id/imageView4"
                android:src="@drawable/some_other_image_ontop" />

        </RelativeLayout>
    </LinearLayout>

正如你所看到的,除了将两个图像水平放置之外,我还试图将两个图像叠加在一起。有人知道我把错误的两个图像放在一起做错了吗?

2 个答案:

答案 0 :(得分:1)

为了使其更简单,请将您的ImageView包含在LinearLayout中并将其属性设置为android:orientation="horizontal"

例如:

...
         <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal">


            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:src="@drawable/some_image" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"

                android:src="@drawable/some_image_ontop" />



        </LinearLayout>
...

答案 1 :(得分:0)

我终于弄清楚了。 RelativeLayouts设置为“匹配父”,这迫使他们占用水平行中的所有空间,区分另一个图片。

        >


        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:scaleType="fitXY" >




            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:id="@+id/imageView3"
                android:src="@drawable/espresso_menu_1" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:layout_alignBottom="@+id/imageView3"

                android:src="@drawable/black_list_2" />

        </RelativeLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:scaleType="fitXY" >


            <ImageView
                android:id="@+id/imageView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:src="@drawable/globe_1" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:layout_alignBottom="@+id/imageView4"
                android:src="@drawable/black_list_2" />

        </RelativeLayout>
    </LinearLayout>