使两个相对布局左右浮动

时间:2015-04-17 19:45:59

标签: android android-layout

我有一个简单的问题。 我做了两个相对布局,一个包含图像,另一个包含文本。 我希望他们分别左右浮动。 图像布局应占40%宽度,而文本布局应占60%。

我怎么能这样呢? 我的xml代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:background="#cccccc">

    <!-- Name Label -->
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="150dp"
        android:layout_gravity="right"
        android:background="#eaeaea">
        <ImageView
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:id="@+id/img"
            android:src="@drawable/mike"/>


    </RelativeLayout>
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:background="#fa6800">
        <TextView
            android:id="@+id/email"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="2dip"
            android:textColor="#acacac"
            android:text="email"
            android:textStyle="bold"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello This is testing"
            android:id="@+id/guid"
            android:visibility="gone"/>

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="2dip"
            android:paddingTop="6dip"
            android:textColor="#43bd00"
            android:text="name:"
            android:textStyle="bold"
            android:visibility="gone"/>

        <!-- Email label -->

        <!-- Mobile number label -->
        <TextView
            android:id="@+id/mobile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:text="Mobile: "
            android:textColor="#5d5d5d"
            android:maxLines="1"/>

    </RelativeLayout>




</LinearLayout>

1 个答案:

答案 0 :(得分:2)

您需要将其放在水平方向的LinearLayout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:background="#cccccc">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <!-- Name Label -->
    <RelativeLayout
        android:layout_width="0dip"
        android:weight="4"
        android:layout_height="150dp"
        android:layout_gravity="right"
        android:background="#eaeaea">
        <ImageView
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:id="@+id/img"
            android:src="@drawable/mike"/>


    </RelativeLayout>
    <RelativeLayout
        android:layout_width="0dip"
        android:weight="6"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:background="#fa6800">
        <TextView
            android:id="@+id/email"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="2dip"
            android:textColor="#acacac"
            android:text="email"
            android:textStyle="bold"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello This is testing"
            android:id="@+id/guid"
            android:visibility="gone"/>

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="2dip"
            android:paddingTop="6dip"
            android:textColor="#43bd00"
            android:text="name:"
            android:textStyle="bold"
            android:visibility="gone"/>

        <!-- Email label -->

        <!-- Mobile number label -->
        <TextView
            android:id="@+id/mobile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:text="Mobile: "
            android:textColor="#5d5d5d"
            android:maxLines="1"/>

    </RelativeLayout>
 </LinearLayout>



</LinearLayout>