如何將imageButton放置在文本框內？

Question

我怎樣才能創建一個文本字段，像Whatsapp的笑臉按鈕左側的按鈕，我也希望我的文本在按鈕後啓動。

Answer 1

這裏是工作代碼：

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

輸出：通過EditText上的drawableLeft並進行點擊

Answer 2

在LinearLayout中一個接一個地定位它們，你很好。你不需要它在裏面。結構如下：

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

Answer 3

設置圖標在該圖標上寫下代碼。

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; 
      } 
     });