如何在android

时间:2015-04-24 22:36:48

标签: android android-layout relativelayout

我有3个控件,我想要一个对齐左边,另一个居中,最后一个在相对布局中一直到右边。

我尝试过以下内容:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="match_parent">

    <RelativeLayout android:id="@+id/RelativeLayout01"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        xmlns:android="http://schemas.android.com/apk/res/android">


        <ImageView
            android:id="@+id/backimg"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/back"
            android:background="@null"
            android:layout_alignParentLeft="true"

            />

        <ImageView
            android:id="@+id/logoimg"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/logo"
            android:background="@null"
            android:layout_centerHorizontal="true"
            />

        <ImageButton
            android:id="@+id/closebtn"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/close"
            android:background="@null"
            android:layout_alignParentRight="true"
            />

    </RelativeLayout>



    <WebView  xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />

</LinearLayout>

这会将所有控件叠加在一起。

我怎样才能看到这样:

enter image description here

2 个答案:

答案 0 :(得分:1)

将imageViews宽度更改为wrap_content,一切都将按您的意愿 这是你的新代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="match_parent">

<RelativeLayout android:id="@+id/RelativeLayout01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    xmlns:android="http://schemas.android.com/apk/res/android">


    <ImageView
        android:id="@+id/backimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/back"
        android:background="@null"
        android:layout_alignParentLeft="true"

        />

    <ImageView
        android:id="@+id/logoimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/logo"
        android:background="@null"
        android:layout_centerHorizontal="true"
        />

    <ImageButton
        android:id="@+id/closebtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/close"
        android:background="@null"
        android:layout_alignParentRight="true"
        />

</RelativeLayout>



<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    />

答案 1 :(得分:0)

您可以使用android:layout_toRightOf告诉视图位于另一个

的右侧
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="match_parent">

    <RelativeLayout android:id="@+id/RelativeLayout01"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        xmlns:android="http://schemas.android.com/apk/res/android">


        <ImageView
            android:id="@+id/backimg"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/back"
            android:background="@null"
            android:layout_alignParentLeft="true"

            />

        <ImageView
            android:id="@+id/logoimg"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/logo"
            android:background="@null"
            android:layout_toRightOf="@id/backimg"  
            android:layout_centerHorizontal="true"
            />

        <ImageButton
            android:id="@+id/closebtn"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/close"
            android:background="@null"
            android:layout_toRightOf="@id/logoimg"
            android:layout_alignParentRight="true"
            />

    </RelativeLayout>



    <WebView  xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />

</LinearLayout>