showhidepasswordedittext
In Android Support Library, revision 24.2.0 (August 2016) TextInputLayout adds support for the password visibility toggle. Marking showhidepasswordedittext as Deprecated at of 18th Aug 2016.
Inputting text on mobile devices with their smaller keyboards can be error prone and when the password is obscured it can lead to failed login attempts that can frustrate users. Show/Hide Password EditText is a very simple extension of Android's EditText that puts a clickable hide/show icon in the right hand side of the EditText that allows showing of the password.
Features:
- Use custom fonts/typefaces
- Customise the show/hide icon
- Tint the show/hide icon
- Use either
android:inputType="textPassword"
orandroid:inputType="numberPassword"
- Compatible with
TextInputLayout
from the Design Support lib. - Supports back to API 9+ (Gingerbread)
- Password visibility survives configuration changes
How to use
It's just like the regular EditText.
<com.scottyab.showhidepasswordedittext.ShowHidePasswordEditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/simplePassword"
android:hint="Password"
/>
Also see several examples in the sample project.
Add as dependency
This library is not yet released in Maven Central, until then you can add as a library module or use JitPack.io
add remote maven url
allprojects {
repositories {
maven {
url "https://jitpack.io"
}
}
}
then add a library dependency. Remember to check for latest release here
dependencies {
compile 'com.github.scottyab:showhidepasswordedittext:0.8'
}
Customization
Customise the hide/show icons via custom attributes
app:drawable_show="@drawable/ic_custom_show"
app:drawable_hide="@drawable/ic_custom_hide"
You can also tint icon
- xml-attribute
app:tint_color="@android:color/holo_orange_dark"
- runtime using
setTintColor(int color)
- xml-attribute
Increase the size of the touch area that makes the view toggle
app:additionalTouchTargetSize=50dp
Licence
Copyright (c) 2015 Scott Alexander-Bown
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.