Custom Keyboard

Add a keyboard experience to your app just like PhonePe, GPay etc. Easy to use & bloat free!

Features

• Haptic feedback on touch
• Animating keys (scale animation currently)
• Clear (Delete) key support
• Dot (Decimal) key support
• Change keyboard parameters like key color, keyboard color, key font etc.

Screenshots

Usage

• Add repository dependency in root build.gradle:

allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}

• Add library dependency in app build.gradle:

dependencies {
implementation 'com.github.Damercy:CustomKeyboard:2.0.0'
}

• Add layout in resource file:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent">
/* Other layout files*/
<EditTextandroid:id="@+id/etInput"android:layout_width="match_parent"android:layout_height="wrap_content" />
<dev.dayaonweb.openime.customkeyboard.Keyboard
android:id="@+id/keyboard"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true" />
</RelativeLayout>

• Setup the custom keyboard by passing the input connection of the corresponding edit text:

classMainActivity : AppCompatActivity() {
privatelateinitvar inputEditText:EditTextprivatelateinitvar keyboard:KeyboardoverridefunonCreate(savedInstanceState:Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// hook views
inputEditText = findViewById(R.id.etInput)
keyboard = findViewById(R.id.keyboard)
// prevent system keyboard from appearing when EditText is tapped
inputEditText.showSoftInputOnFocus =false// pass the InputConnection from the EditText to the keyboardval inputConnection = inputEditText.onCreateInputConnection(EditorInfo())
keyboard.setInputConnection(inputConnection)
}
}

Customizing

XML

• textColor - Change color of the keys in the keyboard
• backgroundColor - Change background color of the keyboard
• textFont - Change font family of the keys in the keyboard
• isClearVisible - Toggle clear (delete) key visibility
• isDotVisible - Toggle dot (decimal) key visibility
• clearDrawable - Change clear (delete) icon
• clearDrawableColor - Change clear (delete) icon color
• hapticsEnabled -Toggle if haptic feedback should be enabled or not
• animationEnabled - Toggle if key press animation should be enabled or not

In code

• setClearDrawableColor(colorRes:Int)
• setClearDrawable(drawableRes:Int)
• setTextFont(fontRes:Int)
• setDotAvailable(isAvailable:Boolean)
• setKeyboardBackgroundColor(color:Int)
• setInputTextColor(colorRes:Int)
• setClearAvailable(isAvailable:Boolean)
• setHaptic(isEnabled: Boolean)
• setAnimationEnabled(isEnabled: Boolean)

Give it a ⭐ if you liked it 😄