如何使用线性布局?

时间:2016-04-13 07:03:24

标签: java android xml android-layout

您好我试图了解如何使用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>

3 个答案:

答案 0 :(得分:2)

  1. 您尚未提及主{2}的orientation,因此默认情况下,它会将其视为水平,并在同一行显示图片和文字视图。

  2. 以下LinearLayout没用,因为它没有任何孩子。     

  3. 您需要声明LinearLayout的方向为LinearLayout,以便在其他布局下方显示图片。

  4. 一些伪代码就像,

    vertical

答案 1 :(得分:0)

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

LinearLayout的所有孩子一个接一个地堆叠,所以垂直列表每行只有一个孩子,无论它们有多宽,水平列表只有一行高(最高的孩子的身高,加上填充物)。 LinearLayout尊重儿童与每个孩子的重力(右,中或左对齐)之间的边距。

所以我的建议是不要使用特定宽度和高度,总是使用wrap_contentmatch_parent

了解更多详情see here

答案 2 :(得分:0)

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

快乐编码:)