java - 如何使用线性布局？

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，因此默认情况下它认为它是水平的并在同一行中显示图像和 TextView 。

2. 以下 LinearLayout 没有任何用处，因为它没有任何子级。

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

一些伪代码就像这样，

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