• May 17, 2024, 05:23:04 pm

Author Topic: Make a Basic Loading screen in QML  (Read 1157 times)

0 Members and 1 Guest are viewing this topic.

Offline Allstar12345

  • Allstar Software Founder
  • Administrator
  • Forum Genius
  • ******
  • Posts: 5,235
  • Reputation: 812
    • Allstar Software
  • Current Phone: : OnePlus 8 Pro, Xperia 10, Nexus 6p, Jolla Phone, Nokia N8, Nokia 808 PureView, BlackBerry Z30
Make a Basic Loading screen in QML
« on: June 01, 2013, 04:00:04 am »
Now this one is easy as pie, a basic Loading screen for QML:

This uses a Rectange that is anchored to fill in the parent, opacity set to 0.640 so the user can still see what is going on, and a smallish spinning busy indicator anchored to the center of the Rectangle Portrait and Landscape, this one appears when a PageStack is Pushing a page or the Pop command has being fired.

Code: [Select]
Rectangle {

            id: loadingBG
            x: 0
            y: 0
            color: "#000000"
            opacity: 0.640
            visible: pageStack.busy
            anchors.fill: parent



            BusyIndicator {
                id: loading
                anchors.centerIn: parent
                width: 100
                height: 100
                visible: true
                platformInverted: false

                RotationAnimation
                {
                    target: loading
                    property: "rotation"
                    from: 0
                    to: 360
                    direction: RotationAnimation.Clockwise
                    duration: 1000
                    loops: Animation.Infinite
                    running: true
                }



    }
        }

Offline huellif

  • Developer
  • Christmas Santa
  • ****
  • Posts: 402
  • Reputation: 212
Re: Make a Basic Loading screen in QML
« Reply #1 on: June 01, 2013, 04:03:55 am »
will try it next time I code a bigger project ;)

Offline Allstar12345

  • Allstar Software Founder
  • Administrator
  • Forum Genius
  • ******
  • Posts: 5,235
  • Reputation: 812
    • Allstar Software
  • Current Phone: : OnePlus 8 Pro, Xperia 10, Nexus 6p, Jolla Phone, Nokia N8, Nokia 808 PureView, BlackBerry Z30
Re: Make a Basic Loading screen in QML
« Reply #2 on: June 01, 2013, 04:14:01 am »
will try it next time I code a bigger project ;)
Got any ideas up you're sleeve ? :)