用於EditText背景的XML

Question

我一直在努力能夠像屏幕截圖中那樣設計我的EditText。有關如何正確使用的任何提示。

我想要的風格做的事情。

- The bottom margin/line should stay at the bottom regardless of the 
    height of the EditText 
- The height of the EditText should not be hardcoded 
- How to place the arrow to the right of the EditText 

我看着<layer-list>設置形狀合適的。

請參閱附件以瞭解我正在努力完成的工作。

謝謝！

Answer 1

首先使用TextInputLayout與EditText，這將使底強調android:drawableRight爲EditText

這樣

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

    <EditText 
     android:id="@+id/edt_password" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:hint="Password" 
     android:drawableRight="@drawable/your_drawable_name" 
     android:textColor="@color/black"/> 
</android.support.design.widget.TextInputLayout> 

，詳細瞭解design-library