Popover height

Targets iOS
1

When showing a modal screen as a popover or pageSheet (I can’t see the difference in these) is it possible to limit the hight so that more of the parent window is visible?

In my case the new window only has a few options to select and replaces what would be a popup menu in a desktop project.

2

If you are using iOSKit add this code after calling ShowModal:

Dim vc As new UIKit.UIViewController(screen.ViewControllerHandle)
Dim sz As Foundation.NSSize

sz = new Foundation.NSSize(540, 750) //width, height

vc.preferredContentSize = sz
3

That’s not doing anything.
Is there an update to UIKit that I should be using?

4

I might be using a modified version of iOSKit… I will have to check

5

It also depends whether you’re on a phone or a tablet. IIRC Modal views are always full screen on phone.

6

So how does an app like maps work with the half size window coming up from thr bottom?

7

Well first of all, that’s not modal.

8

Am I missing other options that I should be aware of?

9

So what is it and how can we get this done with Xojo?

1 Like
10

https://documentation.xojo.com/api/user_interface/mobile/mobilescreen.html#mobilescreen-show

There is also ShowModal perhaps these are the difference

11

I believe you are looking for something similar to this:

332×720 2.04 MB

I checked the source-code it could take a week’s time of work to make something similar in Xojo.

12

That’s what I am looking for. But it’s not worth a week’s effort at this point.
Shame.

Thanks for the response.

13

There are other design techniques to do something similar with limited functionality.

If you create the popover UI in a MobileContainer (let’s call it ccPopup), you can make it to be modal in some way.
In your MobileScreen, place a full screen Container (let’s call it ccBackground) with a semi-transparent background color.
In ccBackground add ccPopup at a specified size and position.

ccBackground covers the entire screen, except for the NavigationBar, and forces the user to press some button to dismiss the popup.

Example project: https://www.jeremieleroy.com/upload/iOS_Simple_Popup.xojo_binary_project

4 Likes
14

I’m doing the same thing here with the ccBackground semi transparent but a bit darker and ccPopup is used as just a message box with no animation.

image
image1125×2436 153 KB

1 Like
15

That’s awesome.

1 Like
16

How do you get the background (semi-transparent part) to cover the tabs at the bottom and the status bar at the top?

17

With layout constraints in code. This is the code.

messageBox_YesNo_Container is the MobileContainer with the semi-transparent background and the message box.
scrMessageBox is a global property (not sure if that’s relevant).
ms is the active MobileScreen.

scrMessageBox = new MobileScrollableArea
var cc as new messageBox_YesNo_Container

scrMessageBox.Container = cc
ms.AddControl scrMessageBox

var consTop as new iOSLayoutConstraint(scrMessageBox, iOSLayoutConstraint.AttributeTypes.Top, _
iOSLayoutConstraint.RelationTypes.Equal, ms, iOSLayoutConstraint.AttributeTypes.Top, 1, 0)

var consBottom as new iOSLayoutConstraint(scrMessageBox, iOSLayoutConstraint.AttributeTypes.Bottom, _
iOSLayoutConstraint.RelationTypes.Equal, ms, iOSLayoutConstraint.AttributeTypes.Bottom, 1, 0)

ms.AddConstraint consTop
ms.AddConstraint consBottom
3 Likes