Emoji Keyboard support for EditField in android

Question

My application uses Android 4.0 on Samsung Galaxy S3.

I want to integrate Emoji character support in EditText field in Android application. Can anyone suggest me, how can I achieve it?

For example, In whatsapp and wechat application, TextField does support Emoji keyboard characters, but in my application it shows ? for each character I type using Emoji keyboard.

Screenshot explaining my need

text_message = (EditText) findViewById(R.id.editText1);
    text_view = (textView) findViewById(R.id.textView1);
    btntest = (Button) findViewById(R.id.button1);
    btntest.setOnClickListener(new OnClickListener()
    {
        public void onClick(View v)
        {

            text_swype.setText(text_message.getText().toString());
        }
    });

and i also try https://github.com/IPL/iOSStyleEditText

and font of emoji from http://klncity1.wordpress.com/tag/emoji/

but not work

Can you share your code detailing how you are drawing your text. — dinesh, Jan 03 '14 at 09:44
Are you doing your custom drawing by overriding onDraw method or the text is drawn using Editext itself. If you are overriding onDraw can you share the code of your onDraw function. — dinesh, Jan 08 '14 at 09:11
Check out this project: https://github.com/madhur/android-chat-starter — Madhur Ahuja, Mar 06 '15 at 16:44

score 3 · Answer 1 · answered Mar 19 '14 at 00:12

It depends on the font that is used for the TextView or its subclasses like EditText.

Every View can display emoji because there are hundreds of emoji included in Unicode and those have also become the default that most emoji keyboards and apps like WhatsApp use.

However, you won't see those colorful images as you see in WhatsApp, for example. This is because WhatsApp uses custom fonts/images for these emoji which replace the default appearance.

But if you add emoji to a text field in your normal "Messages" application or somewhere else, you should see the normal Android style which is monochrome emoji showing the Android robot.

Here's a list of common emoji and their Unicode codepoints:

https://github.com/delight-im/Emoji

They're all supported in Android's normal font. I guess you may have changed the font of your EditText in the layout.

score 2 · Answer 2 · answered Jan 19 '14 at 10:51

2

You can use EmojiconTextView or EmojiconEditText from this library : https://github.com/rockerhieu/emojicon

answered Jan 19 '14 at 10:51

Hieu Rocker

1,070
12
19

Hi, i'm using that library and the emojis are well diplayed, but the other non emoji characters are decoded as japanese characters...What should i do? Thx – Billyjoker Mar 09 '14 at 20:29
Hi all i used above library it works great, But after selecting emoji icons i need to convert them to unicode characters and send to server in JSON format and display them accordingly when i received from server, I'm not sure how to unicode them. please help me. – Raj Kumar Mar 13 '14 at 15:36
@Billyjoker what was the text you try to display? – Hieu Rocker Apr 14 '14 at 12:09
@RajkumarMandera you just need to get the text of `EmojiconTextView` and `EmojiconEditText` and send to the server. They should be in unicode already. – Hieu Rocker Apr 14 '14 at 12:11
I figured it out, while sending text to server on POST i did not set Charset-UTF-8. Anyway thanks for your reply Hieu Rocker – Raj Kumar Apr 14 '14 at 13:12
i am getting error while syncing... after adding the library – Aman Verma Jan 20 '16 at 10:21

score 2 · Answer 3 · answered Jun 16 '15 at 07:39

Here is the list of available emoji Unicode

Sending content to Server you need to use org.apache.commons.lang3.escapeJava(...) and when getting data from server you need to reverse Unicode to emoticon so you have to use org.apache.commons.lang3.unescapeJava(...)

score 0 · Answer 4 · answered Jan 29 '14 at 05:57

You have to use "EmojiconEditText" From the Library. It will display Eemojies.

Use any one of these.

EmojiconTextView: a TextView which can render emojis.
EmojiconEditText: a EditText which can render emojis.
EmojiconGridFragment: a fragment contains emojis in a GridView for the user to choose.
EmojiconsFragment: a fragment contains many set of emojis for the user to choose.

score 0 · Answer 5 · answered Feb 27 '16 at 06:02

Below is Util from org.apache.commons.lang3

Answer posted by @AZ_ is right but the util name has updated as below :

Send string to server as :

org.apache.commons.lang3.StringEscapeUtils.escapeJava(mEdText1.getText().toString()

Read String from server as :

org.apache.commons.lang3.StringEscapeUtils.unescapeJava(mData.get(position).getText())

Emoji Keyboard support for EditField in android

5 Answers5

Linked