2011-12-26 117 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>