머티리얼 디자인 입력 텍스트

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> 

이미지 : 가