Add autofill integration to the keyboard

[esensar]

• Activated autofill support for our input method in method.xml
• Implemented required methods in our IME
• Styled views as similar as possible to the clipboard item
• Added InlineContentViewHorizontalScrollView which properly clips these views, since they are owned by another process and are usually drawn above our views

This closes #199

[esensar]

I have recorded a simple demonstration of the implementation.

https://github.com/SimpleMobileTools/Simple-Keyboard/assets/2764831/920a001d-a9d8-4db4-9110-9d5e2ac9e9e1

There are some things that I haven't implemented, since I am not sure what UX we are aiming for exactly:

• Adding clipboard icon to the clipboard item for visibility
• Further adjustments to the min and max width (we can also go for just wrapping width of these views, but that may become too much)
• I have used the same text color for subtitle, but usually apps go for a bit lighter color, to ensure it is visible. I was not sure if we already had such a color as a part of our theme, so I just used the same for now.
• I am having issues with getting the exact same background as the clipboard item, but on the other hand, maybe it is better to have slight distinction
• Should we have a setting for this or just keep it always enabled?

[tibbi]

how to reproduce this? What should I do to see the autofill values?

[esensar]

They should appear automatically for the last 2 lines in that included sample screen, but before that you need to have an autofill service configured in your system settings. In my case it is Bitwarden application, but there should be the default Google service I think. If you have it set up, something should pop up.

It is also possible that you have no values that can be autofilled. You can then manually add some value in your autofill service to test with this. With Google it is done through Passwords & Accounts in system settings. From there it is possible to add a new password and select this application for it.

[tibbi]

lets center everything horizontally, even clipboard is moved at the side now

[esensar]

lets center everything horizontally, even clipboard is moved at the side now

Should it look like before when there are no suggestions, and move it to the side like it is now only when we add autofill suggestions? Because I guess we would need to have some kind of an indication to the users that they have other suggestions other than the clipboard.

[tibbi]

lets center everything horizontally, even clipboard is moved at the side now

Should it look like before when there are no suggestions, and move it to the side like it is now only when we add autofill suggestions? Because I guess we would need to have some kind of an indication to the users that they have other suggestions other than the clipboard.

oh, didnt know both can be shown at once too. Anyway, ye, lets definitely center the clipboard field, if autofill is empty. Once there is some autofilling, it can be shown as it is now. But autofill is a really rare thing, we shouldnt change the default behaviour because of it.

[esensar]

lets center everything horizontally, even clipboard is moved at the side now

Should it look like before when there are no suggestions, and move it to the side like it is now only when we add autofill suggestions? Because I guess we would need to have some kind of an indication to the users that they have other suggestions other than the clipboard.

oh, didnt know both can be shown at once too. Anyway, ye, lets definitely center the clipboard field, if autofill is empty. Once there is some autofilling, it can be shown as it is now. But autofill is a really rare thing, we shouldnt change the default behaviour because of it.

Yeah, that is what I did in latest updates, It looks like before until autofill suggestions come up. At that point, I shrink it a bit to let users see the suggestions too.

[tibbi]

the clips background shouldnt be that wide though, just wrap its content and be centered as a whole

[esensar]

the clips background shouldnt be that wide though, just wrap its content and be centered as a whole

My bad, for some reason I thought that was the previous behavior, but looks like I always had long strings in clipboard :smile:

[tibbi]

theres still too much padding on sides, use whatever values are on main branch

[esensar]

theres still too much padding on sides, use whatever values are on main branch

Right, I forgot I added a minimum width. It should be the same as main branch now.

[tibbi]

is that autofill loaded somehow asynchronously? If I click on some edittext, the clipboard snippet blinks a bit in the middle, then it moves to the left, with bitwarden on its right

[esensar]

Yeah, it is actually created by a different process. We only get access to already created views once it is done and add it to the container. It is pretty quick, but still enough to see that blinking.

[tibbi]

okay thanks, its not that big deal, will see what feedback we get

[tibbi]

actually, lets check it with light theme. While the clipboard item is styled well, the autofill one is still dark

[tibbi]

@esensar just pinging you to recheck light theme