Question

在我的应用程序中，我想在2列和3行中显示5个图像 Image1实际上跨越第1行和第2行的第1列。休息所有图像只占一个单元格

所以布局是

             image1    image2

                       image3

             image4    image5

因为这行跨越，我无法使用网格视图或表格布局我试图在线性和相对布局中定义。但我无法正确对齐。

请建议帮帮我。我想以这样的方式定义图像将根据屏幕大小调整大小

请参阅我定义的xml。我添加了几个选项，使其看起来像我想要的那样。

<LinerLayout .. >
    <RelativeLayout android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <ImageView android:id="@+id/image1" android:layout_width="wrap_content"
             android:src="@drawable/img1"  android:layout_height="wrap_content" 
             android:layout_below="@+id/text1view" />
        <ImageView android:id="@+id/image2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/image1" android:src="@drawable/imqge2"
            android:layout_below="@+id/text1view" android:onClick="" 
            android:layout_alignTop="@+id/image1" android:layout_alignParentRight="true"/>
        <ImageView android:id="@+id/image3"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/image1" android:src="@drawable/image3"
            android:layout_below="@+id/image2" android:onClick=""
            android:layout_alignBottom="@+id/image1" android:layout_alignLeft="@+id/image2"
            android:layout_alignParentRight="true"  />      
        <ImageView android:id="@+id/image4"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:src="@drawable/image4" android:layout_alignParentBottom="true"
            android:layout_below="@+id/image1" android:onClick="" />
        <ImageView android:id="@+id/image5"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:src="@drawable/image5" android:layout_toRightOf="@+id/image4"
            android:layout_below="@+id/image3" android:onClick="" android:layout_alignParentBottom="true"
            android:layout_alignTop="@+id/image4"  android:layout_alignLeft="@+id/image2"/>
    </RelativeLayout>

最新编辑的代码：

<LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:orientation="horizontal" 
        android:weightSum="2">
         <RelativeLayout android:layout_height="fill_parent" 
         android:layout_width="fill_parent" android:layout_weight="1" 
         android:id="@+id/relativeLayout1">
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:orientation="vertical"
            android:weightSum="3">
            <ImageView android:id="@+id/image1" android:src="@drawable/rotating_img1"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:layout_below="@+id/text1view" android:scaleType="fitXY" 
                android:layout_weight="2"/>
            <ImageView android:id="@+id/aboutklink"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:src="@drawable/about" android:onClick="" android:scaleType="fitXY"
                android:layout_weight="1"/>
        </LinearLayout>
        </RelativeLayout>
         <RelativeLayout android:layout_height="fill_parent" 
         android:layout_width="fill_parent" android:layout_weight="1" 
         >
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:orientation="vertical"
            android:weightSum="3">
            <ImageView android:id="@+id/products"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:src="@drawable/products" android:onClick="" android:scaleType="fitXY"
                android:layout_weight="1"/>
            <ImageView android:id="@+id/productspackages"
                android:layout_width="fill_parent" android:layout_height="0dip"
                android:src="@drawable/special_prod" android:layout_below="@+id/products"
                android:onClick="" android:scaleType="fitXY" android:layout_weight="1"/>
            <ImageView android:id="@+id/events" android:layout_width="fill_parent"
                android:layout_height="0dip" android:src="@drawable/events"
                android:onClick="" android:scaleType="fitXY" android:layout_weight="1"/>
        </LinearLayout>
        </RelativeLayout>
    </LinearLayout>

Answer 1

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


    <RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1" android:id="@+id/relativeLayout1">
        <LinearLayout android:id="@+id/linearLayout1" android:layout_height="fill_parent" android:layout_width="fill_parent" android:weightSum="2">
     <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" 
        android:layout_weight="1" android:scaleType="fitXY"></ImageView>
    <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" android:scaleType="fitXY" 
        android:layout_weight="1"></ImageView> 
       </LinearLayout> 
    </RelativeLayout>

        <RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1" android:id="@+id/relativeLayout1">
        <LinearLayout android:id="@+id/linearLayout1" android:layout_height="fill_parent" android:layout_width="fill_parent" android:weightSum="2">
     <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
         android:layout_width="0dp" 
        android:layout_weight="1" android:scaleType="fitXY"></ImageView>
    <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" android:scaleType="fitXY" 
        android:layout_weight="1"></ImageView> 
       </LinearLayout> 
    </RelativeLayout>


        <RelativeLayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:layout_weight="1" android:id="@+id/relativeLayout1">
        <LinearLayout android:id="@+id/linearLayout1" android:layout_height="fill_parent" android:layout_width="fill_parent" android:weightSum="2">
     <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" 
        android:layout_weight="1" android:scaleType="fitXY"></ImageView>
    <ImageView android:layout_height="fill_parent" android:id="@+id/imageView1" 
        android:src="@drawable/icon" android:layout_width="0dp" android:scaleType="fitXY" 
        android:layout_weight="1"></ImageView> 
       </LinearLayout> 
    </RelativeLayout>


</LinearLayout>

Android：行跨越图像

1 个答案: