使用相对布局创建非重叠图像按钮

时间:2012-03-24 19:47:05

标签: android android-layout

我使用这种相对布局设计了屏幕。

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

<AutoCompleteTextView
    android:id="@+id/EditText01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true" />

<ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_alignRight="@+id/EditText01"
    android:src="@android:drawable/ic_notification_clear_all" />

<AutoCompleteTextView
    android:id="@+id/EditText02"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/EditText01" />

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="24dp"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignTop="@+id/EditText02"
    android:src="@android:drawable/ic_notification_clear_all" />

我应该做哪些更改,以使图像与自动完成文本框对齐。?? 在此先感谢..
 P.S:因为我没有上传图片的声誉。这里是链接http://i.stack.imgur.com/SRG9W.png

1 个答案:

答案 0 :(得分:0)

android:layout_alignRight="@+id/EditText01"表示您的按钮希望其右边缘与EditTexts右边缘对齐。你真正想要的是左边的按钮与EditTexts右边缘对齐。那是android:layout_toRightOf="@+id/EditText01"

编辑 - 这就是你想要的东西

<ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:src="@android:drawable/ic_notification_clear_all" />

<AutoCompleteTextView
    android:id="@+id/EditText01"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@id/imageButton1" />

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/EditText01"
    android:src="@android:drawable/ic_notification_clear_all" />

<AutoCompleteTextView
    android:id="@+id/EditText02"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignRight="@+id/EditText01"
    android:layout_below="@+id/EditText01"
 />