材料设计输入文本

Question

有没有办法创建一个看起来像这个图像上的输入字段 - 左侧的图标，右侧的输入 - 只使用默认的TextInputLayout？

我试过几种组合，图标总是留在TextInputEditText中。我尝试将TextInputLayout方向更改为水平方向，但它不起作用。如果没有将ImageView和EditText放置在另一个ViewGroup中，是否有这样做？

下面是我用来创建输入字段的代码，但图标仍保留在TextInputEditText中。

<android.support.design.widget.TextInputLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:hint="Test" 
     > 
     <android.support.design.widget.TextInputEditText 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:drawableStart="@drawable/ic_bank_card_back_grey_24dp" 
      android:drawablePadding="@dimen/default_padding"    
      /> 
    </android.support.design.widget.TextInputLayout> 

Answer 1

这是否符合要求？ ：

<android.support.design.widget.TextInputLayout 
    android:id="@+id/TextInputLayout1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" > 

    <android.support.v7.widget.AppCompatEditText 
     android:id="@+id/EditText1" 
     android:hint="code" 
     android:text="0044" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:imeOptions="actionNext" 
     android:inputType="phone" 
     android:minWidth="350dp" 
     android:drawableLeft="@drawable/cross" 
     android:drawableStart="@drawable/cross" 
     android:textColor="#00ff00" 
     android:textColorHint="#ff0000" 
     android:textCursorDrawable="@null" 
     /> 
</android.support.design.widget.TextInputLayout> 

从码图像：