Android布局帮助

Android布局帮助,android,android-layout,Android,Android Layout,我正试图对安卓布局的工作原理有一个坚实的理解。我有一个布局,我想创建,但我一直有一个非常困难的时间来创建它。我已经包括了布局的代码以及表示我想要创建的内容的图像 我一直在与下面的布局代码斗争,我不知道在哪里接近得到我的计划。有人能给我提供一些建议和/或参考资料吗?谢谢 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/and

我正试图对安卓布局的工作原理有一个坚实的理解。我有一个布局,我想创建,但我一直有一个非常困难的时间来创建它。我已经包括了布局的代码以及表示我想要创建的内容的图像

我一直在与下面的布局代码斗争,我不知道在哪里接近得到我的计划。有人能给我提供一些建议和/或参考资料吗?谢谢

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

...

我对你的代码做了一点修改,最后得到了下面的代码。试一试,看看它是否能让你更接近。基本上,我所做的是在Eclipse中使用图形XML GUI,并进行了一些调整。我还必须使图像的大小固定。我知道通常我们不想这样做,但我想你的形象会比我必须处理的更大。它不是完全抛光的,但更接近你想要的。希望能有帮助



乔治

我对你的代码做了一些修改,最后得到了下面的代码。试一试,看看它是否能让你更接近。基本上,我所做的是在Eclipse中使用图形XML GUI,并进行了一些调整。我还必须使图像的大小固定。我知道通常我们不想这样做,但我想你的形象会比我必须处理的更大。它不是完全抛光的,但更接近你想要的。希望能有帮助



George

这是您想要的图像和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>



这是您想要的图像和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>



哇,谢谢你!这太完美了。在布局方面,我有更多的学习要做,这非常有帮助!哇,谢谢你!这太完美了。在布局方面,我有更多的学习要做,这非常有帮助!干得好。比我做的更干净。谢谢你的赞赏,乔治。@ USS836200如果我的回答帮助你,那么请考虑接受和投票答案。谢谢,干得好。比我做的更干净。谢谢你的赞赏,乔治。@ USS836200如果我的回答帮助你,那么请考虑接受和投票答案。谢谢