Geometry wrong on iOS device

[_eph]

Yes, so if I just create simple qml - using your example:

#import <QQuickView>
#include <QtPlugin>
Q_IMPORT_PLUGIN(QtQuick2Plugin)
#endif

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    
    QQuickView *view = new QQuickView;
    view->setSource(QUrl::fromLocalFile("/tmp/simple.qml"));
    view->showFullScreen();
    
    return app.exec();
}

and the QML:

import QtQuick 2.0

Rectangle {
    id: page
    width: 300; height: 200
    color: "yellow"

    Text {
        id: helloText
        text: "Hello world!"
        y: 30
        anchors.horizontalCenter: page.horizontalCenter
        font.pointSize: 24; font.bold: true
    }
}

This is the result:

[KoneTaH]

@_eph Try to call viewer->setResizeMode(QQuickView::SizeRootObjectToView) before calling showFullScreen().

[_eph]

@KoneTaH said in Geometry wrong on iOS device:

viewer->setResizeMode(QQuickView::SizeRootObjectToView)

The yellow now fills the whole white box and the text is centered but it's still contained to the same window as before.

[KoneTaH]

@_eph This one works for me:

main.cpp:

#include <QGuiApplication>
#include <QQuickView>

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

    QQuickView *view = new QQuickView(QUrl(QStringLiteral("qrc:/main.qml")));

    view->showFullScreen();

    return app.exec();
}

main.qml:

import QtQuick 2.0

Rectangle {
    anchors.fill: parent
    color: "red"

    Rectangle {
        width: 100
        height: 100
        color: "yellow"
        anchors.centerIn: parent
    }
}

Qt 5.12.1.

[_eph]

Are you using qmake/qtcreator?

Looks the same for me:

[KoneTaH]

@_eph Yes, it's a qmake project ("Qt Quick Application - Empty" template with changes in main.cpp and main.qml), I build it using both Qt Creator and XCode, and see no difference - it work as expected.

[_eph]

Yeah, there must be something qmake does which makes the difference...

[KoneTaH]

@_eph Here is an example of Qt cmake QML project for iOS with QQuickView:

https://github.com/forexample/qt-ios-examples/tree/master/qml-custom-property-types

In main.cpp it imports some plugin called "QIOSIntegrationPlugin". May be you should import it too?

[_eph]

@KoneTaH Tried but no difference :(

[KoneTaH]

@_eph Please note that main() in iOS case is called qtmn(). It's not the real main() and it will be called from this plugin after some initial setup (as I think).

[_eph]

@KoneTaH Yeah, that doesn't work (it's looking for undefined _main).

Btw. I needed to force load the ios plugin and use _qt_main_wrapper for the app to work at all.

[J.Hilk]

@_eph
I would suggest using a proper Windowas the root item instead of a rectangle or something like that
https://doc.qt.io/qt-5/qml-qtquick-window-window.html

and do not set a width or height for the root item. it should scale automatically - except for "safe zones"

[Shrinidhi Upadhyaya]

Hi @_eph , you need to have proper splash screen, otherwise your app comes like this, so every Iphone has a different size for the splash screen, so you need to prepare a splash screen with respect to the device you are deploying on and after that you need to include it in a file called info.plist, same is the case with app icons also.

For more info you can have a look into this: -[https://doc.qt.io/qt-5/ios-platform-notes.html]

For info on the sizes you can have a look at this:- [https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/launch-screen/]

I guess once you have proper splash screen,the app will cover the complete Iphone screen.

[_eph]

@J.Hilk Makes no difference the QML is always contained in the same window/rectangle you see on the first screenshot.

[_eph]

@Shrinidhi-Upadhyaya Hm, I don't really see connection between the launch image (splascreen) and the actual app since you don't need that kind of thing when you use Qt Creator and qmake but I will try it anyway. Thanks

[KoneTaH]

@_eph Do you have some minimal CMake project with this issue somewhere in public? Usually I don't use CMake, but I can take a look (as well as others, I think).

[_eph]

@Shrinidhi-Upadhyaya OMG, you are the man! It really helped, I can't believe it lol. Adding a dummy launch storyboard made it go fullscreen... Unbelievable

[_eph]

@KoneTaH I don't unfortunately - it's a very complex project with lots of subprojects and libraries. I could probably share the toolchain file but looks like I might have figured it out thanks to @Shrinidhi-Upadhyaya

[Shrinidhi Upadhyaya]

Cooool!!, you are always welcome @_eph , can you mark [SOLVED] to the thread title.