使用线性布局将相对布局分成两个相等的部分答案

【问题标题】：split relative layout into two equal parts using linear layouts使用线性布局将相对布局分成两个相等的部分
【发布时间】：2014-05-22 08:25:09
【问题描述】：

我有一个包含两个线性布局的相对布局。我希望将这两个线性布局放置在包含它们的相对布局的任一半中，即一个位于上半部分，另一个位于下半部分。这里的任何人都可以帮我解决这个问题。这是xml：

 <RelativeLayout
    android:id="@+id/updatedetails"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginBottom="10dp"
    android:orientation="vertical" 
    android:background="@drawable/oneeventbkg" >


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

        <ImageView
            android:id="@+id/update_sn_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="2dp" />

        <TextView
            android:id="@+id/update_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:layout_margin="5dp"
            android:textColor="@android:color/white"
            android:textSize="14sp" />

        <ImageView
            android:id="@+id/update_message_pic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@id/update_sn_icon"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="20dp" />

        <TextView
            android:id="@+id/update_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@id/update_message_pic"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="5dp"
            android:maxHeight="400dp"
            android:scrollbars="vertical"
            android:textColor="@android:color/white"
            android:textSize="14sp" />
    </LinearLayout> 

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


        <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp" 
        android:id="@+id/toggle_after"
        android:visibility="invisible">

        <TextView
            android:id="@+id/toggle_like_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="10dp"
            android:text="1000"
            android:background="@android:color/transparent"
            android:textColor="@android:color/white"
            android:textSize="14sp" />

        <ImageButton
            android:id="@+id/toggle_like_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:color/transparent"
            android:src="@drawable/xml_like_button_selctor" />

        <TextView
            android:id="@+id/toggle_comment_count"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="7dp"
            android:text="100"
            android:background="@android:color/transparent"
            android:textColor="@android:color/white"
            android:textSize="14sp" />

        <ImageButton
            android:id="@+id/toggle_comment_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"          
            android:background="@android:color/transparent"
            android:src="@drawable/xml_comment_button_selector" />

    </LinearLayout>

        <ListView
            android:id="@+id/likes_list"
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:layout_below="@id/toggle_after"
            android:padding="20dp"
            />               

        <ListView
            android:id="@+id/comments_list"
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:layout_below="@id/toggle_after"
            android:padding="20dp" />



        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_below="@id/comments_list"
            android:layout_marginBottom="10dp" 
            android:id="@+id/toggle_content"
            android:layout_alignParentBottom="true">

            <TextView
                android:id="@+id/like_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:layout_marginLeft="10dp"
                android:text="1000"
                android:background="@android:color/transparent"
                android:textColor="@android:color/white"
                android:textSize="14sp" />

            <ImageButton
                android:id="@+id/like_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:background="@android:color/transparent"
                android:src="@drawable/xml_like_button_selctor" />

            <TextView
                android:id="@+id/comment_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:layout_marginLeft="7dp"
                android:text="100"
                android:background="@android:color/transparent"
                android:textColor="@android:color/white"
                android:textSize="14sp" />

            <ImageButton
                android:id="@+id/comment_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"          
                android:background="@android:color/transparent"
                android:src="@drawable/xml_comment_button_selector" />

        </LinearLayout>
        </LinearLayout>
</RelativeLayout>

【问题讨论】：

不要使用RelativeLayout，而是使用LinearLayout，这样更容易拆分
您不能在 RelativeLayout 上使用 layout_weight 参数。这些是来自 LinearLayout 的参数。
将 LinearLayout 设为您的父级。希望它能如你所愿。否则使用嵌套的 LinearLayouts。

标签： android android-layout android-linearlayout android-relativelayout

【解决方案1】：

试试这个..

<LinearLayout
    android:id="@+id/updatedetails"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginBottom="10dp"
    android:orientation="vertical" 
    android:background="@drawable/oneeventbkg" >


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

        // Your Codes

    </LinearLayout> 

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

         // Your Codes

    </LinearLayout> 

</LinearLayout>

编辑

<LinearLayout
    android:id="@+id/updatedetails"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginBottom="10dp"
    android:orientation="vertical" 
    android:background="@drawable/oneeventbkg" >


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:id="@+id/Top_half_layout">

        // Your Codes

    </RelativeLayout> 

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"            
        android:layout_weight="1"
        android:id="@+id/bottom_half_layout">

         // Your Codes

    </RelativeLayout> 

</LinearLayout>

【讨论】：

我必须使用相对布局才能将控件放置在适当的位置。你能告诉我如何使用相对布局吗？
或者如果我在一个线性布局中使用两个相对布局怎么办？是否可以将线性布局分成两个相等的部分？
你能告诉我怎么做吗？使用两个相对布局将线性布局分成两半。
@Badrul 看到我编辑了。参考这个链接stackoverflow.com/questions/5765170/…

【解决方案2】：

// Try this way,hope this will help you to solve your problem...

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/updatedetails"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginBottom="10dp"
    android:background="@drawable/oneeventbkg" >

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

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <ImageView
                    android:id="@+id/update_sn_icon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="left"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="2dp" />

                <TextView
                    android:id="@+id/update_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="5dp"
                    android:textColor="@android:color/white"
                    android:layout_gravity="right"
                    android:textSize="14sp" />
            </LinearLayout>
            <ImageView
                android:id="@+id/update_message_pic"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="20dp" />

            <TextView
                android:id="@+id/update_message"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                android:maxHeight="400dp"
                android:scrollbars="vertical"
                android:textColor="@android:color/white"
                android:textSize="14sp" />
        </LinearLayout>

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


            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginBottom="10dp"
                android:id="@+id/toggle_after"
                android:visibility="invisible">

                <TextView
                    android:id="@+id/toggle_like_count"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:layout_marginLeft="10dp"
                    android:text="1000"
                    android:background="@android:color/transparent"
                    android:textColor="@android:color/white"
                    android:textSize="14sp" />

                <ImageButton
                    android:id="@+id/toggle_like_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="@android:color/transparent"
                    android:src="@drawable/xml_like_button_selctor" />

                <TextView
                    android:id="@+id/toggle_comment_count"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:layout_marginLeft="7dp"
                    android:text="100"
                    android:background="@android:color/transparent"
                    android:textColor="@android:color/white"
                    android:textSize="14sp" />

                <ImageButton
                    android:id="@+id/toggle_comment_icon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="@android:color/transparent"
                    android:src="@drawable/xml_comment_button_selector" />

            </LinearLayout>

            <ListView
                android:id="@+id/likes_list"
                android:layout_width="wrap_content"
                android:layout_height="200dp"
                android:padding="20dp" />

            <ListView
                android:id="@+id/comments_list"
                android:layout_width="wrap_content"
                android:layout_height="200dp"
                android:padding="20dp" />


            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:layout_marginBottom="10dp"
                android:id="@+id/toggle_content">

                <TextView
                    android:id="@+id/like_count"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:layout_marginLeft="10dp"
                    android:text="1000"
                    android:background="@android:color/transparent"
                    android:textColor="@android:color/white"
                    android:textSize="14sp" />

                <ImageButton
                    android:id="@+id/like_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="@android:color/transparent"
                    android:src="@drawable/xml_like_button_selctor" />

                <TextView
                    android:id="@+id/comment_count"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:layout_marginLeft="7dp"
                    android:text="100"
                    android:background="@android:color/transparent"
                    android:textColor="@android:color/white"
                    android:textSize="14sp" />

                <ImageButton
                    android:id="@+id/comment_icon"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="@android:color/transparent"
                    android:src="@drawable/xml_comment_button_selector" />

            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

【讨论】：