2017-02-14 7 views
0
의 당김 왼쪽

내가 그렇게 같은 효과를 달성하기 위해 노력하고있어 : enter image description here위치 TextInputLayout

이 작업을 수행하는 제안 된 방법은 EditText,drawableLeft를 추가하지만 EditText 언더 드로어 블 아래 모든 방법을 확장하는 것입니다 .

또 다른 가능한 방법은 TextInputLayout 왼쪽에 ImageView을 작성하는 것입니다. 이 문제는 의 오류 메시지가 표시되는지 여부에 따라 추가 높이를 전환하기 때문에 아이콘을 EditText과 정확히 일치하게 유지하는 것이 어려워집니다. 이렇게하려면 TextInputLayout의 오류 메시지보기 높이를 계산하고 오류 메시지가 표시되는지 여부를 표시하려면 아이콘 아래에 자리 표시자를 배치해야합니다.

TextInputLayout으로이 디자인을 수행하는 좋은 방법이 있습니까?

답변

0

나를 위해 일하는이 트릭은 가로 방향으로 모두 LinearLayout에 넣습니다.

<LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 
      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="center_vertical" 
       android:src="@drawable/ic_user_login_dark"/> 

      <android.support.design.widget.TextInputLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="32dp" 
       android:id="@+id/username"> 

       <EditText 

        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:hint="@string/hint_username" 
        android:inputType="textPersonName" /> 

      </android.support.design.widget.TextInputLayout> 

     </LinearLayout>