如何使用线性布局？

Question

您好，我想弄清楚如何使用LinearLayouts。 我将一个水平布局拖到我的XML文件中，然后将三个TextView拖到彼此相邻。 当我尝试拖动ImageView并将其放在它们下面时，它总是将TextView放在一边。 我怎样才能解决这个问题？

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="397dp"></LinearLayout>

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView"
    android:layout_gravity="center_vertical" />

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="70dp"
    android:weightSum="1">

    <TextView
        android:layout_width="110dp"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Movie Name"
        android:id="@+id/textView"
        android:layout_marginLeft="30dp"
        android:layout_marginTop="30dp"
        />

    <TextView
        android:layout_width="110dp"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Actor Name"
        android:id="@+id/textView2"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="30dp" />

    <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="Grade"
        android:id="@+id/textView3"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="30dp" />

</LinearLayout>

</LinearLayout>

Answer 1

1. 您没有提到主要父级LinearLayout orientation ，因此默认情况下它将其视为水平方向并在同一行中显示图像和文本视图。

2. 下面的LinearLayout是没有用的，因为它没有任何子代。

3. 您需要声明LinearLayout方向为vertical以在其他布局下显示图像。

一些伪代码会像

<LinearLayout
    orientation="vertical"
    ...>
          <LinearLayout
                  orientation="horizontal"
                  ...>
                      <TextViews ... />
           </LinearLayout>
           <ImageView ... />
</LinearLayout>

Answer 2

LinearLayout是一个视图组，该视图组在单个方向上垂直或水平对齐所有子级。 您可以使用android:orientation属性指定布局方向。

LinearLayout所有子项都一个接一个地堆叠，因此，垂直列表每行只有一个子项，无论它们有多宽，而水平列表则只有一行高（最高子项的高度加上填充）。 LinearLayout尊重子项与每个子项的重力（右，中或左对齐）之间的边距。

所以我的建议是不要使用特定的宽度和高度，总是使用wrap_content或match_parent

有关更多详细信息， 请参见此处

Answer 3

这是您想要的XML代码。

尝试下面的代码。 您应该为父级LinearLayout提供android:orientation="vertical" 。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:orientation="horizontal"
        android:weightSum="1">

        <TextView
            android:id="@+id/textView"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:layout_marginTop="30dp"
            android:text="Movie Name"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="30dp"
            android:text="Actor Name"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="30dp"
            android:text="Grade"
            android:textAppearance="?android:attr/textAppearanceMedium" />

    </LinearLayout>

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical" />
</LinearLayout>

快乐编码:)