xml样式 - 将两个布局放在同一个位置

时间:2014-01-24 20:04:30

标签: android android-layout

这是我的xml:

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

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="10dp"
        android:orientation="vertical" >
    </LinearLayout>

    <LinearLayout
        android:id="@+id/surface"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical" >
    </LinearLayout>

     <LinearLayout
        android:id="@+id/background"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical" >
    </LinearLayout>

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginEnd="0dp"
    android:layout_gravity="bottom" >

    <ImageView
        android:id="@+id/right"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignTop="@+id/down"
        android:layout_toRightOf="@+id/down"
        android:src="@drawable/right" />

    <ImageView
        android:id="@+id/left"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignTop="@+id/down"
        android:layout_toLeftOf="@+id/down"
        android:src="@drawable/left" />

    <ImageView
        android:id="@+id/up"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@+id/right"
        android:src="@drawable/up" />

    <ImageView
        android:id="@+id/down"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_below="@+id/up"
        android:layout_centerHorizontal="true"
        android:src="@drawable/down" />
</RelativeLayout>

</LinearLayout>

我想组织它的方式,线性布局“'表面”和线性布局“背景”将在屏幕上的同一位置,两者都填充所有其他点然后顶部线性布局和相对布局。并且布局“表面”将位于布局“backgrounf”之上,我的意思是“表面”中显示的内容将超过“背景”中显示的内容。

现在的方式,它显示diffrnet布局不在同一个地方,将所有左侧房间分成两个相等的部分,每个布局(surfave和background)取一个。

我该怎么做? Tnx的帮助:D

1 个答案:

答案 0 :(得分:0)

要将布局放在另一个布局的顶部,您有两个不错的选择。首先是FrameLayout,超级简单,只是将视图堆叠在一起。另一个选择是坚持使用RelativeLayout,你会得到更多选项/功能。

如果选择RelativeLayout,则需要将两个布局设置在同一个位置而不是彼此相邻。

如果你有一个背景ImageView,并希望在它上面有一个textView,你可能会这样做:

的FrameLayout:

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

    <ImageView
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:src="@android:drawable/gallery_thumb" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="Hello World" />
</FrameLayout>

RelativeLayout的:

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

    <ImageView
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:src="@android:drawable/gallery_thumb" />

    <TextView
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="Hello World" />
</RelativeLayout>

(在这个例子中,alignParentXXX不一定是必需的,但是我想包含它以明确它们重叠,即使match_parent被更改为wrap_content)