android - Three Edit text Boxes of Material design side by side -


enter image description here

i new android development. have 3 input fields [edit text] in layout can seen in attached picture. developing ui android material design , not able figure out how place these there inputs.

i appreciate prompt help

use horizontal linearlayout in layout along 3 textinputlayout views each having edittext. like:

<linearlayout     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:orientation="horizontal">     <android.support.design.widget.textinputlayout         android:id="@+id/layout1"          android:layout_height="wrap_content"          android:layout_width="0dp"          android:layout_weight="1"          android:hint="mm">           <edittext             android:layout_width="match_parent"             android:layout_height="match_parent"             android:inputtype="number"/>      </android.support.design.widget.textinputlayout>     <android.support.design.widget.textinputlayout         android:id="@+id/layout2"          android:layout_height="wrap_content"          android:layout_width="0dp"          android:layout_weight="1"          android:hint="yy">           <edittext             android:layout_width="match_parent"             android:layout_height="match_parent"             android:inputtype="number"/>      </android.support.design.widget.textinputlayout>     <android.support.design.widget.textinputlayout         android:id="@+id/layout3"          android:layout_height="wrap_content"          android:layout_width="0dp"          android:layout_weight="1"          android:hint="cvv">           <edittext             android:layout_width="match_parent"             android:layout_height="match_parent"             android:inputtype="number"/>      </android.support.design.widget.textinputlayout> </linearlayout> 

Comments