Question

我已在EditText处实施了cross(X) ImageView。但我的问题是当文本较长时，它会在cross（x）的背景中显示。我的意思是说，文本显示在十字（x）按钮下，这是不合需要的。我希望文本限制在十字（x）按钮之前的某些空格，以便文本和十字（x）完全不相符。这是布局：

        <RelativeLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:layout_marginTop="12dp"
            android:layout_weight="0.84" >

            <EditText
                android:id="@+id/query_box"
                android:layout_width="fill_parent"
                android:layout_height="50dp"
                android:layout_alignParentBottom="true"
                android:layout_marginLeft="5dp"
                android:background="@drawable/editbox_background_focus_blue"
                android:imeOptions="actionGo|flagNoExtractUi"
                android:paddingLeft="14dp"
                android:textSize="25sp"
                android:singleLine="true"
                android:visibility="visible" />


           <ImageView
                android:id="@+id/clearButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignRight="@+id/query_box"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:layout_marginRight="10dp"
                android:layout_marginTop="7dp"
                android:src="@drawable/clear_button"
                android:visibility="gone" />

        </RelativeLayout>

提前致谢。

Answer 1

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"        
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginBottom="4dp"
    android:layout_marginTop="12dp"
    android:layout_weight="0.84" >

    <EditText
        android:id="@+id/query_box"
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:layout_weight="1"
        android:layout_gravity="bottom"
        android:layout_marginLeft="5dp"
        android:background="@drawable/editbox_background_focus_blue"
        android:imeOptions="actionGo|flagNoExtractUi"
        android:paddingLeft="14dp"
        android:textSize="25sp"
        android:singleLine="true"
        android:visibility="visible" />


   <ImageView
        android:id="@+id/clearButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:layout_marginTop="7dp"
        android:src="@drawable/clear_button"
        />

</RelativeLayout>

Answer 2

这是你在找什么？

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

<EditText
        android:id="@+id/query_box"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/clearButton"
        android:layout_marginRight="8dp"/>


<ImageView
        android:id="@+id/clearButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:src="@drawable/clear_button" />

</RelativeLayout>

文本在EditText中使用时显示在十字（x）按钮下方

2 个答案: