按钮和edittext的自定义UI

Question

我一直在尝试在原生android中设计一个按钮和一个edittext但无法创建如图所示的确切UI。如果有人知道如何创建这样的UI请分享您的想法。在图像中，第一个字段应作为输入框，第二个字段应作为按钮。

Answer 1

以下给出的xmls将创建您要求的相同UI。 ：）

1. 在drawable文件夹中创建roundedbutton.xml资源文件，如下所示

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle">
   <solid android:color="#eeC4C6C7" />
   <corners android:bottomRightRadius="30dp"
   android:bottomLeftRadius="30dp"
   android:topRightRadius="30dp"
   android:topLeftRadius="30dp"/>
   </shape>
   

2. 在drawable文件夹中创建roundededittext.xml资源文件，如下所示

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#eeCD3E22" />
    <corners android:bottomRightRadius="30dp"
   android:bottomLeftRadius="30dp"
   android:topRightRadius="30dp"
   android:topLeftRadius="30dp"/>
     </shape>
   

创建主xml布局文件。我使用您的custume Edittext创建，如下所示

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="20dp">

<ImageButton
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="@drawable/roundedbutton"
    android:elevation="10dp"
    android:layout_gravity="center_vertical"
    android:text="t"
    />
<EditText
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:layout_marginLeft="-30dp"
    android:elevation="2dp"
    android:layout_gravity="center_vertical"
    android:background="@drawable/roundededittext"/>

   </LinearLayout>

希望它有所帮助！要求任何疑问。