2011-12-26 118 views
0

我想创建一个布局,但我不太确定如何描述我想要做什么。所以我创建了下面的图片来描述我正在尝试的东西。Android布局控件并排?

enter image description here

我失去了如何获得和微调的的EditText旁边的ImageView像我的形象。

这是我的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> 

回答

9

提示-1:所有的

首先,你不需要采取分RelativeLayout的,因为你只能在一个父RelativeLayout的准备相同的布局。我回来的确切答案。

技巧 - 2:

“PX” 是不优选的,以限定的测量,而不是可以使用浸涂或DP(密度独立像素)(为高度/视宽度)和SP(缩放像素)字体大小。

解决方案:

<?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> 

输出:

enter image description here

+0

你好帕雷什姬先生.. – Lucifer 2011-12-26 06:13:29

+0

@Lucifer是亲爱的..罗杰:) – 2011-12-26 06:18:58

+0

来到因果聊天室。 – Lucifer 2011-12-26 06:20:55

1

同时在SpinnerEditText标签的使用

android:layout_toRightOf="@+id/imgExercise" 

尝试

,还可以使用

android:layout_alignParentBottom="true" 

EditText标签insted的的

android:layout_alignParentTop="true" 
0

将微调器和编辑文本放到一个线性布局中,其方向为垂直。 此布局设置属性android:layout_alignParentRight="true"

0

@lanks如果你不会重叠任何然后的LinearLayout是要走的路。我会建议soemthing这样的(这是须藤代码,请务必使用正确的语法在XML)

<LinearLayout 
    android:orientation="vertical" 
> 
<LinearLayout 
android:orientation="horizontal" 
> 
<BUtton 1/> 
<Button 2/> 
</LinearLayout> 
<LinearLayout 
android:orientation="horizontal" 
> 
<ImageView /> 

<LinearLayout 
android:orientation="vertical" 
> 
<spinner /> 
<TextField /> 
... 
1
<?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="fill_parent" 
    android:orientation="vertical" > 

    <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 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <ImageView 
      android:id="@+id/imgExercise" 
      android:layout_width="50px" 
      android:layout_height="50px" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentTop="true" /> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:layout_toRightOf="@+id/imgExercise" > 

      <Spinner 
       android:id="@+id/spCategory" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:entries="@string/app_name" /> 

      <EditText 
       android:id="@+id/etName" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:hint="Name" /> 
     </LinearLayout> 
    </RelativeLayout> 

    <EditText 
     android:id="@+id/etDescription" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:hint="Description" 
     android:lines="5" /> 

</LinearLayout>