android layout_weight与RelativeLayout

时间:2016-12-01 12:02:18

标签: android android-layout layout android-layout-weight

我是android的新手,我有以下问题: 我想将我的屏幕拆分为4个线性布局,我需要根布局为相对布局, 我尝试使用layout_weight属性,以便在屏幕上平均分割我的4个布局,但是当我使用根布局作为线性布局时,我只能成功地这样做。 布局xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/view_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical"
android:splitMotionEvents="false">

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

    <LinearLayout
        android:id="@+id/a_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#5080ce">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="A status"/>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/b_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#356dc6">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="B status"/>

    </LinearLayout>
</LinearLayout>

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

    <LinearLayout
        android:id="@+id/c_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#325287">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="C status"/>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/d_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#26477c" >
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="D status"/>
    </LinearLayout>
</LinearLayout>

(^我最后关闭'RelativeLayout'标签,由于某种原因没有显示)

This is the screen when the root layout is LinearLayout

And this is when it's RelativeLayout(如上面的xml中所述)

我可以使用'dp'单位将屏幕分割为4,但这样我就遇到了其他问题... 我的主要目标是能够将浮动图片从一个布局拖放到另一个布局,我需要使用relativeLayout,而且我想知道图像被丢弃的布局,通过使用它的Rect属性给了我从某种原因看错误的立场。

非常感谢你! :)

1 个答案:

答案 0 :(得分:0)

只需在两个RelativeLayout中间添加一个Textview,其中属性中心位于parent,top将位于该textView上方,而LinearLayout位于该Textview下方,您可以使该textview透明或任何由您选择的内容(i与你提到的颜色相同)请参阅下面的代码。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/view_root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical"
android:splitMotionEvents="false">

<LinearLayout
    android:id="@+id/top_layout"
    android:layout_above="@+id/tv_dummy"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1">

    <LinearLayout
        android:id="@+id/a_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#5080ce">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="A status" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/b_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#356dc6">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="B status" />

    </LinearLayout>
</LinearLayout>

<TextView
    android:id="@+id/tv_dummy"
    android:layout_centerInParent="true"
    android:background="#5080ce"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<LinearLayout
    android:id="@+id/bottom_layout"
    android:layout_below="@+id/tv_dummy"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1">

    <LinearLayout
        android:id="@+id/c_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#325287">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="C status" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/d_status_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#26477c">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="D status" />
    </LinearLayout>
</LinearLayout>

enter image description here