2

我正在为 Android 平板电脑编写一个目录应用程序,每页显示 6 个项目:每行 3 个项目。每个项目由图像 (200x300) 和文本组成。在 Eclipse 中使用 android xml 布局编辑器设计一切似乎都很好,因为我为每个项目使用默认图像和一个虚拟的固定文本:每个项目在那里水平完全等距。

当我在平板电脑上运行时,每个项目都被从文件系统(再次为 200x300)获取的图像覆盖,而文本(可变长度)则从数据库获取。问题是在 6 个元素填充了我的自定义数据后,布局似乎没有对齐,正如您从这个屏幕截图中看到的那样:http://postimg.org/image/91mcv0z1f/

可能(但我不确定)问题是由长文本引起的。有没有办法(如果问题是文本)强制布局保持固定?(或使字体变小(或截断文本,我不在乎))

这是我正在使用的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RootView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/white"
android:gravity="center_horizontal|center_vertical"
android:orientation="vertical" >

<LinearLayout
    android:id="@+id/filaTop"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_margin="15dp"
    android:layout_weight="1"
    android:gravity="center"
    android:orientation="horizontal" >

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

        <ImageView
            android:id="@+id/ivBottle1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:src="@drawable/bottle_trans" />

        <TextView
            android:id="@+id/tvBottle1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="top|center"
            android:text="vino"
            android:textAlignment="center"
            android:textSize="22sp" >
        </TextView>
    </LinearLayout>

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

        <ImageView
            android:id="@+id/ivBottle2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:src="@drawable/bottle_trans" />

        <TextView
            android:id="@+id/tvBottle2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="top|center"
            android:text="vino"
            android:textAlignment="center"
            android:textSize="22sp" >
        </TextView>
    </LinearLayout>

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

        <ImageView
            android:id="@+id/ivBottle3"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:src="@drawable/bottle_trans" />

        <TextView
            android:id="@+id/tvBottle3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="top|center"
            android:text="vino"
            android:textAlignment="center"
            android:textSize="22sp" >
        </TextView>
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/filaBottom"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:layout_margin="15dp"
    android:layout_weight="1"
    android:gravity="center"
    android:orientation="horizontal" >

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

        <ImageView
            android:id="@+id/ivBottle4"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:src="@drawable/bottle_trans" />

        <TextView
            android:id="@+id/tvBottle4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="top|center"
            android:text="vino"
            android:textAlignment="center"
            android:textSize="22sp" >
        </TextView>
    </LinearLayout>

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

        <ImageView
            android:id="@+id/ivBottle5"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:src="@drawable/bottle_trans" />

        <TextView
            android:id="@+id/tvBottle5"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="top|center"
            android:text="vino"
            android:textAlignment="center"
            android:textSize="22sp" >
        </TextView>
    </LinearLayout>

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

        <ImageView
            android:id="@+id/ivBottle6"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:adjustViewBounds="true"
            android:src="@drawable/bottle_trans" />

        <TextView
            android:id="@+id/tvBottle6"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="top|center"
            android:text="vino"
            android:textAlignment="center"
            android:textSize="22sp" >
        </TextView>
    </LinearLayout>
</LinearLayout>

提前致谢。

编辑(已解决):放入android:layout_width="0dip"每个线性布局,解决了戴尔威尔逊建议的问题,如下所示:

    <LinearLayout
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical" >
4

2 回答 2

1

当你有 layout_weight 时,从 0px 开始视图。layout_weight 会将它们全部增长到相同的大小。如果您说 wrap_content ,那么它们以不同的大小开始,增长相同的数量,因此它们最终具有不同的大小。

于 2013-10-22T15:52:16.133 回答
0

更新您的布局,如下所示

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
      android:id="@+id/RootView">


    <LinearLayout android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_width="match_parent"
            android:id="@+id/filaTop">
        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff00ff"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/ivBottle1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_gravity="center"
                android:adjustViewBounds="true"
                android:background="@drawable/ic_launcher"
                android:src="@drawable/bottle_trans" />

            <TextView
                android:id="@+id/tvBottle1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:gravity="top|center"
                android:text="vino"
                android:textAlignment="center"
                android:textSize="22sp" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
             android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical" >

            <ImageView
                  android:layout_centerInParent="true"
                android:id="@+id/ivBottle2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                 android:background="@drawable/ic_launcher"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/bottle_trans" />

            <TextView
                 android:layout_alignParentBottom="true"
                android:id="@+id/tvBottle2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="top|center"
                android:text="vino"
                android:textAlignment="center"
                android:textSize="22sp" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
             android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#0000ff"
            android:orientation="vertical" >

            <ImageView
                  android:layout_centerInParent="true"
                android:id="@+id/ivBottle3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                 android:background="@drawable/ic_launcher"
                android:layout_weight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/bottle_trans" />

            <TextView
                 android:layout_alignParentBottom="true"
                android:id="@+id/tvBottle3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="top|center"
                android:text="vino"
                android:textAlignment="center"
                android:textSize="22sp" >
            </TextView>
        </RelativeLayout>

    </LinearLayout>

    <LinearLayout android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_width="match_parent"
          android:id="@+id/filaBottom">


         <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ff00ff"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/ivBottle4"
            android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_gravity="center"
                android:adjustViewBounds="true"
                android:background="@drawable/ic_launcher"
                android:src="@drawable/bottle_trans" />

            <TextView
                android:id="@+id/tvBottle4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:gravity="top|center"
                android:text="vino"
                android:textAlignment="center"
                android:textSize="22sp" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
             android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical" >

            <ImageView
                  android:layout_centerInParent="true"
                android:id="@+id/ivBottle5"
                 android:layout_width="wrap_content"
                  android:background="@drawable/ic_launcher"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/bottle_trans" />

            <TextView
                 android:layout_alignParentBottom="true"
                android:id="@+id/tvBottle5"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="top|center"
                android:text="vino"
                android:textAlignment="center"
                android:textSize="22sp" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
             android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#0000ff"
            android:orientation="vertical" >

            <ImageView
                  android:layout_centerInParent="true"
                android:id="@+id/ivBottle6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                 android:background="@drawable/ic_launcher"
                android:layout_weight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/bottle_trans" />

            <TextView
                 android:layout_alignParentBottom="true"
                android:id="@+id/tvBottle6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="top|center"
                android:text="vino"
                android:textAlignment="center"
                android:textSize="22sp" >
            </TextView>
        </RelativeLayout>

    </LinearLayout>


</LinearLayout>

同时删除不必要的代码行。

于 2013-10-22T16:06:49.237 回答