iOS Question The B4X Drawer Menu and Apple's Notched Screen

RichardN said:

Or should I fall back on the unscientific route of omitting #iPhoneOrientations: LandscapeRight !

Click to expand...

This is not such a bad idea. Many apps don't support landscape and for a good reason.

Can you upload a project which demonstrates the problem you are trying to solve.

As a programmer you very quickly learn that in the development of applications - screen real-estate is precious. You would not arrange your living room with a vase of flowers stood in front of the TV so why on earth do you design a mobile phone with a portion of the hardware that blanks part of the screen?

Can you upload a project which demonstrates the problem you are trying to solve.

Click to expand...

Sadly not even an iPhone 10 screen capture taken from a real device will illustrate the problem because the 'notch' is not shown..... as you will discover when you have that image rejected as 'unrepresentative of the device' in the iStore!

This is the issue:

The menu elements have already been moved ~5%x further to the right that I would like in an attempt to make them fully visible. Doing that starts to make them look out of place in other orientations. I believe the simple solution is best.

#iPhoneOrientations: Portrait, LandscapeLeft, LandscapeRight

You can find the safe area: https://www.b4x.com/android/forum/threads/iphone-x-safe-area.88095/#content

This will allow you to make the drawer wider.

Thanks. I spent ages scouring the forum looking for something like that.

I have been experimenting with the use of the safe area in the iPhone X (onwards) models and have had only limited success. The values returned function correctly but if you constrain the views to the safe area you produce further problems in presenting a pleasing interface.

The available screen real-estate within the safe area is extremely limiting in landscape and is exacerbated by having to remain clear of the 'Home' bar at centre-bottom of the screen. The visual attraction of the interface is also degraded in landscape by the rounded corners. In the image below the colours of the Navigation Bar, rear panel and the list view are different for clarity:



The programmer's views are constrained to within the panel that describes the safe area. Despite this, the Navigation Bar overhangs beyond this area to the screen edge which then presents rounded ends in a rather unpleasing view. The rear panel is currently grey. If you make this the same colour as the Navigation Bar you lose the impression created that the Navigation Bar shows 'this way up'. It is also very difficult to find a contrasting colour scheme for the content that does not look weird.

Before I give up completely and scrap all landscape use for iPhones..... Is there a way of limiting the width in the navigation bar so that it could be made the same width as the safe area to give a truly rectangular interface?

Why aren't you setting the Page.RootPanel color to be the same as the interface color?

RichardN said:

Is there a way of limiting the width in the navigation bar so that it could be made the same width as the safe area to give a truly rectangular interface?

Click to expand...

No.

Erel said:

Why aren't you setting the Page.RootPanel color to be the same as the interface color?

Click to expand...

As I already said in the post above. I have tried a number of combinations of colour for the various visible elements and they all look strange or out of place.