Question

如何创建一个带有按钮的文本字段，如whatsapp的笑脸按钮，我也希望我的文字在按钮后面开始。

Answer 1

通过EditText的drawableLeft设置图标，并在代码下方执行单击该图标。

 editText.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getRawX() <= (back.getCompoundDrawables()[0].getBounds().width())) {
                    // Your Code
                    return true;
                }
                return false;
            }
        });

Answer 2

在LinearLayout中一个接一个地放置它们，你很高兴。你不需要它在里面。结构如下：

<LinearLayout>
    <Button/>
    <EditText/>
</LinearLayout>

Answer 3

以下是工作代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">


    <!-- CONTENT -->

    <!-- BOTTOM INPUT SECTION -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@android:color/darker_gray"
        android:padding="8dp">

        <ImageButton
            android:id="@+id/button_group"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_group"
            android:background="@android:color/transparent"/>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_toLeftOf="@id/button_group"
            android:layout_marginRight="8dp"
            android:background="@android:color/white"
            android:padding="8dp">

            <ImageButton
                android:id="@+id/button_emoji"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:src="@drawable/ic_smile_face"
                android:background="@android:color/transparent"/>

            <ImageButton
                android:id="@+id/button_camera"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:src="@drawable/ic_camera"
                android:background="@android:color/transparent"/>

            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/button_emoji"
                android:layout_toLeftOf="@id/button_camera"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_centerVertical="true"
                android:hint="Type a message"
                android:background="@null" />

        </RelativeLayout>
    </RelativeLayout>
</RelativeLayout>

<强>输出：

如何将imageButton放在文本字段中？

3 个答案: