Custom UI für Button und Edittext

Question

Ich habe versucht, eine Schaltfläche und einen Editiertext in nativen Android zu entwerfen, aber nicht in der Lage, die genaue Benutzeroberfläche wie im Bild gezeigt zu erstellen. Wenn jemand eine Idee hat, wie ich solche UI erstellen kann, bitte teile deine Gedanken mit. Im Bild sollte das erste Feld als Eingabefeld und das zweite Feld als Schaltfläche fungieren.

Answer 1

Die folgenden angegebenen xmls erstellen die gleiche UI, nach der Sie gefragt haben. :)

1. roundedbutton.xml Ressourcendatei in ziehbar Ordner erstellen, unter

   gegeben

   <?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. roundededittext.xml Ressourcendatei in ziehbar Ordner erstellen, da unter

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

Erstellen Sie Ihre Haupt-XML-Layoutdatei. Ich erstellte mit Ihrem Kunden Edittext, unten gegeben

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

Hoffe es hilft! Fragen Sie nach irgendwelchen Zweifeln.