Помощь с Android Layout

Question

Я пытаюсь понять, как работают макеты Android. У меня есть макет, который я хотел бы создать, но мне было очень трудно его создать. Я включил код для макета, а также изображение http://tinypic.com/r/33258hx/7, представляющее то, что я хотел бы создать.

Я боролся с приведенным ниже кодом компоновки, и я не настолько близок к получению того, что планировал. Может ли кто-нибудь предоставить мне предложения и / или рекомендации, которые могут помочь? Спасибо.

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

     <LinearLayout
       android:layout_width="wrap_content"
       android:layout_gravity="center_horizontal"
       android:layout_height="fill_parent">

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

           <LinearLayout
               android:layout_width="match_parent"
               android:layout_height="match_parent"
               android:scaleType="fitXY"
               android:layout_gravity="center_vertical">               
           <ImageView 
                android:id="@+id/image2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/image2"
                android:scaleType="fitXY">
           </ImageView>

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

           </LinearLayout>

    </LinearLayout>

    <RelativeLayout
       android:orientation="horizontal"
       android:layout_width="fill_parent"
           android:layout_gravity="bottom"
           android:layout_height="wrap_content">

    <TextView 
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:textSize="15sp"
        android:text="text1"/>   

    <ImageView 
        android:id="@+id/imageText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ImageText1"
        android:layout_above="@+id/text1"
        android:scaleType="fitXY"/>

           <ImageView
               . . .
                />

     <TextView 
        android:id="@+id/Text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/Text1"
        android:layout_above="@+id/ImageText2"
        android:text="Text2"
        android:paddingLeft="70px"
        android:textSize="50sp"/>

     <View android:id="@+id/divider"
         android:background="@drawable/black_white_gradient"
         android:layout_width="fill_parent"
         android:layout_above="@id/current_kw"
         android:layout_height="1dp"/>

    <TextView 
        android:id="@+id/Text3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="30px"
        android:layout_alignParentBottom="true"
        android:layout_toRightOf="@+id/ImageText3"
        android:textSize="15sp"
        android:text="Text3"/>

    <TextView 
        android:id="@+id/Text4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="30px"
        android:layout_above="@+id/ImageText4"
        android:layout_toRightOf="@+id/Text3"
        android:textSize="50sp"
        android:text="Text4"/>

        ...

    </RelativeLayout>

</LinearLayout>

Answer 1

Вот изображение и код XML для того, что вы хотите, точно. Я надеюсь, что это будет служить цели:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical">
 <LinearLayout 
    android:layout_height="fill_parent" 
    android:id="@+id/linearLayout1" 
    android:layout_width="fill_parent"
    android:layout_weight="0.25"
    android:orientation="horizontal">
    <ImageView 
        android:layout_height="fill_parent" 
        android:src="@drawable/icon" 
        android:id="@+id/imageView1" 
        android:layout_width="fill_parent"
        android:layout_weight="1.0">
    </ImageView>
    <LinearLayout
        android:layout_height="fill_parent" 
        android:id="@+id/linearLayout3" 
        android:layout_width="fill_parent" 
        android:orientation="vertical"
        android:layout_weight="1.0">
        <ImageView 
            android:layout_height="fill_parent" 
            android:src="@drawable/icon" 
            android:id="@+id/imageView2" 
            android:layout_width="wrap_content"
            android:layout_weight="1.0"
            android:layout_gravity="center_horizontal">
        </ImageView>
        <ImageView 
            android:layout_height="fill_parent" 
            android:src="@drawable/icon" 
            android:id="@+id/imageView3" 
            android:layout_width="wrap_content"
            android:layout_weight="1.0"
            android:layout_gravity="center_horizontal">
        </ImageView>
        <ImageView 
            android:layout_height="fill_parent" 
            android:src="@drawable/icon" 
            android:id="@+id/imageView4" 
            android:layout_width="wrap_content"
            android:layout_weight="1.0"
            android:layout_gravity="center_horizontal">
        </ImageView>
    </LinearLayout>
</LinearLayout>
<LinearLayout 
    android:layout_height="fill_parent" 
    android:id="@+id/linearLayout2" 
    android:layout_width="fill_parent"
    android:layout_weight="0.75"
    android:orientation="horizontal">
    <LinearLayout 
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        android:layout_weight="1.0"
        android:orientation="vertical">
        <ImageView 
            android:id="@+id/iv_img1"
            android:layout_height="fill_parent"
            android:layout_width="wrap_content"
            android:layout_weight="1.0"
            android:src="@drawable/icon"
            android:layout_gravity="center_horizontal"/>
        <TextView 
            android:layout_height="wrap_content"
            android:layout_width="fill_parent"
            android:text="text"
            android:gravity="center_horizontal"/>
    </LinearLayout>
    <LinearLayout 
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        android:layout_weight="1.0"
        android:orientation="vertical">
        <ImageView 
            android:id="@+id/iv_img1"
            android:layout_height="fill_parent"
            android:layout_width="wrap_content"
            android:layout_weight="1.0"
            android:src="@drawable/icon"
            android:layout_gravity="center_horizontal"/>
        <TextView 
            android:layout_height="wrap_content"
            android:layout_width="fill_parent"
            android:text="text"
            android:gravity="center_horizontal"/>
    </LinearLayout>
    <LinearLayout 
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        android:layout_weight="1.0"
        android:orientation="vertical">
        <ImageView 
            android:id="@+id/iv_img1"
            android:layout_height="fill_parent"
            android:layout_width="wrap_content"
            android:layout_weight="1.0"
            android:src="@drawable/icon"
            android:layout_gravity="center_horizontal"/>
        <TextView 
            android:layout_height="wrap_content"
            android:layout_width="fill_parent"
            android:text="text"
            android:gravity="center_horizontal"/>
    </LinearLayout>
    <LinearLayout 
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        android:layout_weight="1.0"
        android:orientation="vertical">
        <ImageView 
            android:id="@+id/iv_img1"
            android:layout_height="fill_parent"
            android:layout_width="wrap_content"
            android:layout_weight="1.0"
            android:src="@drawable/icon"
            android:layout_gravity="center_horizontal"/>
        <TextView 
            android:layout_height="wrap_content"
            android:layout_width="fill_parent"
            android:text="text"
            android:gravity="center_horizontal"/>
    </LinearLayout>
</LinearLayout>

Answer 2

Я немного поигрался с вашим кодом и в итоге получил следующее.Попробуйте и посмотрите, не приблизит ли это вас.По сути, я использовал графический графический интерфейс XML в Eclipse и внес некоторые коррективы.Я также должен был сделать изображение фиксированного размера.Обычно я знаю, что мы не хотим этого делать, но я полагал, что ваше изображение будет больше, чем то, с чем мне приходилось работать.Он не полностью отполирован, но ближе к тому, что вы ищете.Надеюсь, это поможет.

 <LinearLayout
   android:layout_width="fill_parent"
   android:layout_gravity="center_horizontal"
   android:layout_height="wrap_content"
   android:orientation="horizontal"
   >

<ImageView 
   android:id="@+id/image1"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@drawable/icon"
   android:scaleType="fitXY" android:minHeight="175dp" android:minWidth="175dp">
 </ImageView>

       <LinearLayout
        android:orientation="vertical"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:scaleType="fitXY"
           android:layout_gravity="center_vertical">
        <ImageView android:src="@drawable/icon" android:scaleType="fitXY" 
        android:layout_height="wrap_content" android:layout_width="wrap_content" 
        android:id="@+id/image2" android:layout_alignParentLeft="true">
        </ImageView>
       <ImageView 
            android:id="@+id/image3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/icon"
             android:layout_below="@+id/image2"
            android:scaleType="fitXY">
       </ImageView>
        <ImageView 
            android:id="@+id/image4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/icon"
             android:layout_below="@+id/image3"
            android:scaleType="fitXY">
       </ImageView>

       </LinearLayout>

</LinearLayout>

<RelativeLayout
   android:layout_width="fill_parent"
       android:layout_gravity="bottom"
       android:layout_height="wrap_content">


    <ImageView 
    android:id="@+id/image1bottom"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/icon"
    android:scaleType="fitXY"/>
    <ImageView 
    android:id="@+id/image2bottom"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/icon"
    android:layout_toRightOf="@+id/image1bottom"
    android:scaleType="fitXY"/>
    <ImageView 
    android:id="@+id/image3bottom"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/icon"
    android:layout_toRightOf="@+id/image2bottom"
    android:scaleType="fitXY"/>  

<ImageView 
    android:id="@+id/image4bottom"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/icon"
   android:layout_toRightOf="@+id/image3bottom"
    android:scaleType="fitXY"/>


       <TextView 
    android:id="@+id/Text1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/image1bottom"
    android:layout_alignLeft="@id/image1bottom"
    android:text="Text1"/> 
 <TextView 
    android:id="@+id/Text2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/image2bottom"
    android:text="Text2" android:layout_toRightOf="@id/Text1" android:layout_alignLeft="@id/image2bottom"/>

 <TextView android:text="Text3" android:id="@+id/Text3" 
      android:layout_width="wrap_content"
    android:layout_height="wrap_content"
 android:layout_toRightOf="@id/Text2"
 android:layout_below="@+id/image3bottom" android:autoText="false" android:layout_alignLeft="@id/image3bottom"/>

<TextView 
    android:id="@+id/Text4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
  android:layout_toRightOf="@id/Text3"
 android:layout_below="@+id/image4bottom"
 android:text="Text4"
 android:layout_centerHorizontal="true" android:layout_centerInParent="false" android:layout_alignLeft="@id/image4bottom"/>

</RelativeLayout>

Джордж