如何使用線性布局？

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>

快樂編碼:)