Floating EditText 구현

아래 사이트를 참고해서 구현했다.

https://github.com/florent37/MaterialTextField

florent37/MaterialTextField

사용방법은 Floating 액션을 주고싶은 EditText를 다음과 같이 감싸주면 된다.

<com.github.florent37.materialtextfield.MaterialTextField
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        app:mtf_labelColor="#666"
        app:mtf_image="@drawable/ic_mail_grey600_24dp"
        >

        <EditText
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:hint="Password"
             android:textColor="#333"
             android:textSize="15sp" />

</com.github.florent37.materialtextfield.MaterialTextField>

내가 사용한 코드에 대한 설명이다.

app:mtf_labelColor: EditText부분에 hint의 색상을 바꿔준다.

app:mtf_image: 왼쪽에 아이콘 이미지를 설정해준다.

app:mtf_openKeyboardOnFocus: EditText가 눌리면 키보드가 뜨게 해준다.

 

사용법이 굉장히 쉽고 간단하게 이쁜 UI를 만들 수 있어서 유용하다.