Android布局控制并排?

sta*_*ith 0 android android-layout

我正在尝试创建一个布局,但我不太确定如何准确描述我想要做什么.所以我创建了下面的图像来描述我正在尝试的内容.

在此输入图像描述

我迷失在如何获取图像视图旁边的微调器和编辑文本,就像我在图像中一样.

到目前为止,这是我的XML.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content">
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <Button android:id="@+id/btnCancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:text="Cancel"
            />
        <Button android:id="@+id/btnAdd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="Add"
            />
    </RelativeLayout>
    <RelativeLayout>
        <ImageView
            android:id="@+id/imgExercise"
            android:layout_width="50px"
            android:layout_height="50px"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            />
        <Spinner 
            android:id="@+id/spCategory"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="true"
            />
        <EditText 
            android:id="@+id/etName"
            android:hint="Name"
            android:layout_alignParentTop="true"
            android:layout_alignParentRight="true"
            />
    </RelativeLayout>
    <EditText 
        android:id="@+id/etDescription"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:lines="5"
        android:gravity="top"
        android:hint="Description"
        />
</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

Par*_*ani 11

提示-1:

首先,您不需要采用sub RelativeLayout,因为您只能在一个父RelativeLayout中准备相同的布局.我准确地回答了.

提示 - 2:

"px"不是定义测量的首选,而是可以使用dip或dp(密度无关像素)(对于视图的高度/宽度)和sp(缩放像素)用于Font-size.

解:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent"
 android:padding="5dp">

        <Button android:id="@+id/btnCancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:text="Cancel"
            />
        <Button android:id="@+id/btnAdd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="Add"
            />

        <ImageView
            android:id="@+id/imgExercise"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentLeft="true"
            android:layout_below="@+id/btnCancel"
            android:src="@drawable/icon"
            android:scaleType="fitXY"
            />

        <Spinner 
            android:id="@+id/spCategory"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/imgExercise"
            android:layout_below="@+id/btnCancel"
            android:layout_alignTop="@+id/imgExercise"
            />

        <EditText 
            android:id="@+id/etName"
            android:hint="Name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/imgExercise"
            android:layout_below="@+id/spCategory"
            android:layout_alignBottom="@+id/imgExercise"
            />


    <EditText 
        android:id="@+id/etDescription"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:lines="5"
        android:gravity="top"
        android:hint="Description"
        android:layout_below="@+id/imgExercise"
        />
</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

输出:

在此输入图像描述