I'm designing a kiosk for Android with a very tall screen. The default keyboard docked at the bottom is rather awkward given that most of the visual action happens near the top of the screen. How difficult is it to reposition the keyboard exactly where I want it.
Thanks!
Related
For more pleasant UI, I'm trying to horizontally align few UI components of my activity with those controls of Android OS, which are always visible at the bottom of the screen: such as "back", "home", etc.
I thought, that Android OS controls are always distributed evenly across the horizontal axis. However, for some devices this is not true. E.g. on my Android Galaxy phone these controls are offset by few pixels, probably because of curved screen edges (just a guess).
I was searching for some generic Android API, which would give me access to these controls, but with no luck.
So my question would be: is there a robust way to horizontally align widgets of my Activity with Android OS controls visible at the bottom of the screen?
which are always visible at the bottom of the screen: such as "back", "home", etc.
They are not always visible on the bottom of the screen. That link refers to the four-year-old official Android support for gesture navigation; various manufacturers offered gesture navigation prior to that.
I thought, that Android OS controls are always distributed evenly across the horizontal axis. However, for some devices this is not true.
Device manufacturers can do whatever they want.
is there a robust way to horizontally align widgets of my Activity with Android OS controls visible at the bottom of the screen?
No.
I don't know if this is the right place to ask for a solution.
I have a weird bug on Samsung S9 Android 8.0:
The area for the 3 Buttons (Menu, Home, Back) is blocked for some apps, so their UI ends on the top border of this area although I set these buttons to not fixed so that I have to swipe up to see them. One of these apps is Instagram.
Also, there is the problem that the outline of some UI is shining through the current UI of each app, no matter which app is currently running. This UI is always the same. I removed all UI elements from an app I'm working on so that I have a completely white screen. Then I made a video because on screenshots the UI fragments are not visible:
https://der-magere-student.com/public/media/WIN_20210115_02_29_04_Pro.mp4
On the bottom you can see:
In more or less black: the android menu buttons (BUT NOT THE REAL ONES, the real ones are hidden until I swipe up)
In more or less white: 4 of the five toolbar button of Instagram (home (house icon), the magnifying glass, the Plus (inside the android home button), and the heart) The fifth is not visible
On the top you can see:
The right side of the WhatsApp toolbar: From right to left. The more icon, the call icon, and the video call icon
horizontally centered with a bit offset from the top display border you maybe can see a little bar. I don't know where this comes from
There is a lot more but it's not visible on the video and also not identifiable for me. But I can see something.
Does anyone know where this bug comes from? Is it known? How to fix it?
You're looking at OLED screen burn-in. It's not a software problem; it's actually wear on the screen that happens slowly over time.
The UI you're seeing at the bottom of the screen is Android's navigation buttons, which are particularly notorious for getting burned into the screen (see, for instance, this image from this article), because they're always in about the same spot. Newer versions of Android take measures to reduce the burn-in from them, but there's only so much that it's possible to do.
Try opening something that shows a white screen with the navigation buttons hidden: you'll see the same thing.
I have a text area with autofocus. How to prevent keyboards to resize my window? It ruins my css.
Wanted behaviour: keyboard occupies the space where it has popped up (i have prepared space for it)
Any efficient solution or advice?
Below is my offscreen navigation menu
Whenever i open a keyboard or dropdown then after the offscreen menu looks like this
There is a small gap on the left side that is appearing only after the popup occurs (indicated in red box). The menu is moving more far from the border.
Can anyone help me out to solve this problem. This only occurs in Android devices. IOS is working fine.
Im using pushy css3 menu for the navigation.
What happens on Android when the keyboard is opened, is that the viewport of the webpage gets resized. The actually viewport is changed and the website/webapp does not know it is because of the keyboard. This resize can trigger alternative CSS code for smaller views (think about responsive layout here). At least, that was my issue with jQuery Mobile.
I have am developing an android app for V2.2 onwards.
The app is for numeric data input for the elderly
To keep things nice and simple, I am using the phone style input method. This also has the advantage of using nice big keys for them.
In landscape mode, I would like to move the virtual keyboard and position it on the right hand side of the view. The content itself has much more height than width and it would be perfect to have the screen split down the middle horizontally with the content on the left and the virtual keyboard on the right.
Does anyone know if this is possible?
Thanks