Android custom keyboard with 2 lablels (main and small at the top right)

Question

I am implementing my own custom keyboard.

I use this tutorial for implementing keyboard

<?xml version="1.0" encoding="utf-8"?>

 <Row>
    <Key android:keyLabel="q" android:keyEdgeFlags="left"/>
    <Key android:keyLabel="w"/>
    <Key android:keyLabel="e"/>
    <Key android:keyLabel="r"/>
    <Key android:keyLabel="t"/>
    <Key android:keyLabel="y"/>
    <Key android:keyLabel="u"/>
    <Key android:keyLabel="i"/>
    <Key android:keyLabel="o"/>
    <Key android:keyLabel="p" android:keyEdgeFlags="right"/>
</Row>

I want have 2 label on key button.The same as on image below (red):

enter image description here

How can I change the keyboard xml to have this? When we make the long click on button we should choose numbers instead of letters

I do not understand what you mean. I want know how can I have 2 letters (main and small (red color)) — Tim, Sep 11 '13 at 10:42
hi @Tim i also stuck on same problem you are facing....have you solved this problem.... — Aniket, Oct 19 '13 at 06:33
below there is a good answer. But I used widgets Buttons on my own layout. I don't have many buttons, so it is ok for me. — Tim, Nov 05 '13 at 15:54

score 6 · Accepted Answer · answered Sep 17 '13 at 08:56

you need to create a KeyboardView extends class and override OnDraw method like this:

public class MKeyboardView extends KeyboardView {
    @Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        Paint paint = new Paint();
        paint.setTextSize(15);
        paint.setColor(Color.GRAY);

        List<Key> keys = getKeyboard().getKeys();
        for(Key key: keys) {
        if(key.codes[0] == 113)
            canvas.drawText("1", key.x + (key.width/2), key.y + 25, paint);
        }
    }
}

you can change the position by changing the x and y parameters.

enjoy :)

Hi @Yakov can you help me to solve this problem, I am getting NullPointerException when my control reaches at below line, canvas.drawText("1", key.x + (key.width/2), key.y + 25, paint); — Aniket, Oct 19 '13 at 06:34

Android custom keyboard with 2 lablels (main and small at the top right)

1 Answers1

Linked