2011-10-20 141 views
0

在我的應用程序中,我想要顯示2列和3行的5個圖像 Image1實際跨越第1行和第2行的第1列。休息所有圖像佔據只是一個小區Android:圖像的行跨越

SO佈局是

   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> 
+1

您可以輕鬆地與線性和相對佈局做到這一點。即使你已經嘗試過,然後在這裏發佈XML佈局代碼。 –

+0

我已經添加了xml部分。請看 – png

回答

2
<?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> 
+0

非常感謝。現在圖像正確地水平地對父級進行處理。但我仍然有圖像1的問題。我想要圖像1佔用第1行和第2行的col1(如果您認爲它是每行3行2列的表)。現在image1只佔用第1行col1和第2行col2是空的,因爲我沒有提及任何來源。請看我下面的xml – png

+0

由於大小,我不能在這裏添加代碼。我只是與你的代碼相同,更改android:id android:src – png

+0

這可能是一些複雜的東西,但讓我試試..如果我可以更新我的答案。 – MKJParekh