Question

我正在努力深入了解Android Layouts的工作原理。我有一个我想要创建的布局，但我一直很难创建它。我已经包含了布局代码以及代表我想要创建的图像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

这是图像＆amp;完全符合您需要的XML代码。我希望它能达到目的：

enter image description here

<?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

我做了一些关于你的代码的游戏，最后得到了以下内容。试一试，看看它是否能让你更接近。基本上我所做的是使用Eclipse中的图形化XML GUI并做了一些调整。我还必须使图像固定大小。我知道通常我们不想这样做，但我认为你的形象会比我的工作更大。它没有完全抛光，但更接近你想要的。希望它有所帮助。

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

乔治

帮助Android布局

2 个答案: