Создание плитки с использованием ImageView в android

Question

Я пытаюсь создать структуру плитки, подобную Windows, для моего приложения. Ниже мой XML-файл.
Проблема в том, что я не могу получить изображение «Cat», чтобы оно соответствовало пробелу.

http://www.tiikoni.com/tis/view/?id=b9a264b

То есть, заполняя экран с неравным ImageViews. Пожалуйста, помогите.

<ScrollView 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" 
    android:background="#31352e" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical" > 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="fill_parent" 
      android:layout_height="150dp" 
      android:layout_margin="5dp" 
      android:src="@drawable/xxx" 
      android:scaleType="fitXY"/> 
     <LinearLayout 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:orientation="horizontal"> 
      <ImageView 
       android:id="@+id/imageView2" 
       android:layout_width="200dp" 
       android:layout_height="150dp" 
       android:layout_margin="5dp" 
       android:background="#fff" 
       android:padding="3dp" 
       android:scaleType="fitXY" 
       android:src="@drawable/dog1" /> 

      <ImageView 
       android:id="@+id/imageView3" 
       android:layout_width="200dp" 
       android:layout_height="250dp" 
       android:layout_margin="5dp" 
       android:background="#fff" 
       android:paddingLeft="3dp" 
       android:paddingRight="3dp" 
       android:paddingTop="3dp" 
       android:scaleType="fitXY" 
       android:src="@drawable/dog" /> 


     </LinearLayout>> 
     <RelativeLayout 
      android:layout_width="200dp" 
      android:layout_height="180dp"> 
     <ImageView 
      android:id="@+id/imageView4" 
      android:layout_width="200dp" 
      android:layout_height="150dp" 
      android:layout_margin="5dp" 
      android:background="#fff" 
      android:padding="3dp" 
      android:scaleType="fitXY" 
      android:src="@drawable/cat" 
      android:layout_below="@+id/imageView2"/> 
    </RelativeLayout>> 
    </LinearLayout> 

</ScrollView> 

Не разрешил прикреплять моментальный снимок. :(

Answer 1

Если вы не используете GridLayout, то вы должны использовать линейного компоновщика так:

----------------- 
| ------ ------ | 
|| ---- | | ---- || 
||| p1 || || ||| 
|| ---- | || p2 ||| 
|| ---- | | ---- || 
||| || |Layout|| 
||| p3 || ------ | 
|| ---- |   | 
||Layout|   | 
| ------ Layout | 
----------------- 

вы должны иметь horizontal linear layout обтекать 2 vertical linear layout так, что экран делится на левую и правую 2 части Это должно больше похоже на то, что вы пытаетесь сделать

код:..

<ScrollView 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" 
android:background="#31352e" > 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="fill_parent" 
     android:layout_height="150dp" 
     android:layout_margin="5dp" 
     android:src="@drawable/ic_launcher" 
     android:scaleType="fitXY"/> 
    <LinearLayout 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:orientation="horizontal"> 

     <LinearLayout 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:orientation="vertical"> 
      <ImageView 
       android:id="@+id/imageView2" 
       android:layout_width="200dp" 
       android:layout_height="150dp" 
       android:layout_margin="5dp" 
       android:background="#fff" 
       android:padding="3dp" 
       android:scaleType="fitXY" 
       android:src="@drawable/ic_launcher" /> 



      <ImageView 
       android:id="@+id/imageView4" 
       android:layout_width="200dp" 
       android:layout_height="150dp" 
       android:layout_margin="5dp" 
       android:background="#fff" 
       android:padding="3dp" 
       android:scaleType="fitXY" 
       android:src="@drawable/ic_launcher" 
       android:layout_below="@+id/imageView"/> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:orientation="vertical"> 

      <ImageView 
       android:id="@+id/imageView3" 
       android:layout_width="200dp" 
       android:layout_height="250dp" 
       android:layout_margin="5dp" 
       android:background="#fff" 
       android:paddingLeft="3dp" 
       android:paddingRight="3dp" 
       android:paddingTop="3dp" 
       android:scaleType="fitXY" 
       android:src="@drawable/ic_launcher" /> 



     </LinearLayout> 






    </LinearLayout> 
</LinearLayout>