I've been working on a messaging app, and was just wondering if anyone had some insight in to soft keyboard transitioning.
As it stands, I have what is essentially my own input method (a layout at the bottom of the screen) for sending smiley faces, scribbles, things like that. My problem is that when the soft keyboard is toggled, i get some serious rubber banding and black boxes remaining during the keyboard transition.
I noticed WhatsApp does what is essentially a perfect transition between the soft keyboard and their own emoji keyboard, and in fact stops any soft keyboard animation (black area seen behind the keyboard) from taking place at all!
The closest thing I've come up with is a layout that crops anything that would be covered by the keyboard from re-rendering, but this doesn't seem to work all that great, and is nowhere near as smooth as WhatsApp.
Any help would be appreciated!
tl;dr how do i replicate whatsapp's emoji keyboard?
Whatsapp SEEMS to transition to a new keyboard, but in reality it doesn't quite do that.
It actually creates a custom dialog over the keyboard with their Emojis. This is why it smoothly transitions from the normal keyboard to the emoji one. You can check this for yourself by opening your keyboard, then opening the emoji screen, and finally select the input method from your notification bar. You'll see the new input screen is shown behind the emoji screen.
Related
i've seen in some apps that it is possible to order Gboard to force open or focus into an EditText but when keyboard opens it is not the usual keyboard, it opens in a "search gifs" or "random GIF suggestion" mode. It is usually used in some apps to display an "Insert GIF" button next to the edittext. Here's an example:
Keyboard opens as usual when you click on the EditText. Please note the presence of the "GIF" button next to the camera button.
Keyboard opens in GIF search mode, just by tapping the "GIF" button mentioned earlier.
Any ideas on how to trigger this specific soft keyboard mode programmatically? I've been reading a lot of info but not able to find any similar question asked before.
Looks like this did not have anything to do with the keyboard itself. The GIF button just opens a recyclerview full of third party trending gifs withdrown via an API call (eg: giphy/tenor) which sits on top of the keyboard.
I have an in app keyboard that tries to behave like a system keyboard. So far it pops up from the bottom using Bottom Sheet, which is great.
However, unlike a system keyboard, it does not push the entire layout up when you select an EditText that might otherwise get hidden. So far all the solutions I saw on StackOverFlow seem to be about Soft/System Keyboard not an in-app implementation like mine.
Here is my activity with 3 Edit Texts
This is what happens if I click on the last Edit Text. It gets covered by the keyboard in blue
This is how I want it to be. Everything getting pushed up.
How can I achieve this?
I'm trying to make my android app backwards compatible, from targetSDK=21 to minSDK=19. My app has webviews. When an input field in the webview is focused, the keyboard comes up, but nothing is displayed but the background color in place of the keyboard. But something is definitely there; when I press the space where the keyboard should be, keys are being pressed (ie. letters get entered into the input field), but I just can't see them. Also, the keyboard space covers up the webview so I know that something is there. Any ideas on what's going on?
EDIT: Here's a link to a screenshot. The bottom grayish area is where the invisible keyboard is. If I press on this area, keys do get pressed but the actual keyboard is not visible.
https://www.dropbox.com/s/4pbfj6gey2h6dyc/Screenshot_2015-09-17-12-50-22.png?dl=0
Look at this...
This is the main screen of the android app I'm developing. When user touches first EditText, the system keyboard shows like this:
But when user touches second EditText, the keyboard shows like this:
Without that black bar on top of it... Does anyone knows why is this? I'm working with a Samsung Galaxy Nexus... Besides... I noted that the keyboard is displayed on top of GUI... but in another screen of my app the keboard makes the GUI to roll up, like this:
In this last image, on top of the three buttons is a ScrollView, is this the reason for the keyboard make this effect?
Can anybody help me here? I'm stuck!
Thanks!
Recently I was surprised to see a "Done" button appear next to a multiline EditText when I tapped it in Landscape mode. Several helpful S.O. posters explained that this is default behaviour when the soft keyboard obscures so much of the UI that there's hardly room for anything but the EditText itself.
So my question is this: the default "Done" button is a generic button with a generic font on a gray background. It doesn't resemble or coordinate with the soft keyboard or with my app. How can I style the button, its color and font, so I can make its appearance fit in with everything else?
Thanks in advance.