0

とFrameLayoutで構成され、次のようEditTextにImageButtonなります。

画像

コードでは、次のようになります。

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/input_field_red"
            android:hint="Message"
            android:singleLine="true"
            android:textColor="@color/dark_grey_3" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:background="@android:color/transparent"
            android:src="@drawable/cancel" />
    </FrameLayout>

問題は、入力テキストが十分に長くなるとImageButton、テキストをオーバーレイすることです。

これを防ぐ方法はありますか？線の長さを短くしてはいけません。でなければなりませんmatch_parent。ライン上に配置し、ImageButton右揃えにする必要があります。

4

1 に答える 1

-2

このようなことをしてください -

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
        android:id="@+id/EditViewId"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/input_field_red"
        android:hint="Message"
        android:layout_toLeftOf="@+id/imageViewId"
        android:singleLine="true"
        android:textColor="@color/dark_grey_3" />

    <ImageButton
        android:id="@+id/imageViewId"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/EditViewId"
        android:layout_alignLeft="@+id/EditViewId"
        android:layout_gravity="right"
        android:background="@android:color/transparent"
        android:src="@drawable/cancel" />
</RelativeLayout>

別の方法edittext の右側に画像を追加する別の

方法があります。

<EditText
        android:id="@+id/search"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_margin="4dip"
        android:layout_weight="1"
        android:background="@drawable/textfield_search1"
        android:drawableRight="@drawable/search_icon"
        android:hint="Search Anything..."
        android:padding="4dip"
        android:singleLine="true" />

右の画像の onClickListener を設定する

drawableRight を持つ EditText editComment があるとしましょう

    editComment.setOnTouchListener(new OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            final int DRAWABLE_LEFT = 0;
            final int DRAWABLE_TOP = 1;
            final int DRAWABLE_RIGHT = 2;
            final int DRAWABLE_BOTTOM = 3;

            if(event.getAction() == MotionEvent.ACTION_UP) {
                if(event.getX() >= (editComment.getRight() - editComment.getCompoundDrawables()[DRAWABLE_RIGHT].getBounds().width())) {
                    // your action here
                }
            }
            return false;
        }
    });
于 2014-08-27T13:15:55.170 に答える