Mobile: Bad layout of settings dialog

[j-santander]

Describe the bug

With the code from master, the settings dialog in android is not layout correctly, with the rows appearing compressed as the screen is not tall enough.

To Reproduce

Install the latest application in android.

Expected behavior

Dialog should be layed out properly.

Screenshots

Operating system

Android 11 - Google Pixel 3a

Version of Jamulus

Built from source at 3df60d6

Additional context

[ngocdh]

I confirm the issue. And it’s actually worse for iOS. In iOS, the issue exists for ClientDlg as well, where Android does much better.
This might have to do with how Qt deals with different OSes.

You can get 20% more room! (3 FAT lines worth) without resorting to scroll-bars.

• put Device beside the selector (as Audio Channels and Audio Quality is)
• do the same with Buffer Delay (Buffer is good enough Delay is too much)
• get rid of Measurements (heading)

[ngocdh]

I confirm the issue. And it’s actually worse for iOS. In iOS, the issue exists for ClientDlg as well, where Android does much better.
This might have to do with how Qt deals with different OSes.

This is how it looks actually in iOS.

[ngocdh]

Could anyone point me in the right direction to fix the UI for iOS? I couldn't figure it out, since the same code is working quite well for other platforms, even Android. Somehow the ClientDlg now looks even worse: I can now see only 2 sliders (the lower part only) in the mixer.

[ann0see]

You could open the UI in Qt Designer?

[ngocdh]

You could open the UI in Qt Designer?

Yes.

[ann0see]

Ok. Probably you need to play CX around with the spacers/items there to get a working UI

[ngocdh]

I tried. But couldn't make it work due to my very limited experience. There are two problems:

• For iOS: it seems the UI is rendered in low resolution, in contrary to Android, where everything is rendered perfectly
• For touch screens in general: The mixer should support touch screen so that user can navigate easily, small scrollbars around the mixer is not the best solution here. Qt must surely support touch screen right?

[ann0see]

Qt must surely support touch screen right?

Yes but this requires QML and probably a large rewrite of the whole UI.

Found https://wiki.qt.io/How_to_Port_From_Desktop_to_Mobile