Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. How to switch view using a button
Forum Updated to NodeBB v4.3 + New Features

How to switch view using a button

Scheduled Pinned Locked Moved QML and Qt Quick
14 Posts 6 Posters 7.1k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B Offline
    B Offline
    budak_baik
    wrote on last edited by
    #1

    Hi everyone,
    I'm still new with Qt Quick. I want to know how to create list button that will link to another page.

    1 Reply Last reply
    0
    • A Offline
      A Offline
      andre
      wrote on last edited by
      #2

      Could you elaborate please. What is a "list button"?

      1 Reply Last reply
      0
      • D Offline
        D Offline
        DenisKormalev
        wrote on last edited by
        #3

        Also what do you mean by another page?

        1 Reply Last reply
        0
        • B Offline
          B Offline
          budak_baik
          wrote on last edited by
          #4

          list button is just a normal button.
          for example I create a button that have introduction text on it.
          when we click that button it will direct to the introduction part

          1 Reply Last reply
          0
          • D Offline
            D Offline
            DenisKormalev
            wrote on last edited by
            #5

            Just make Image with Text and MouseArea inside it and set needed action for MouseArea.onClicked

            1 Reply Last reply
            0
            • B Offline
              B Offline
              budak_baik
              wrote on last edited by
              #6

              ok.. so that image should be direct to where..
              is it state or something else

              1 Reply Last reply
              0
              • C Offline
                C Offline
                Chuck Gao
                wrote on last edited by
                #7

                You can use "states" for display your pages. And your "list button" can be globally or page-only.

                Chuck

                1 Reply Last reply
                0
                • C Offline
                  C Offline
                  cmer4
                  wrote on last edited by
                  #8

                  Hey, I think it i better to start with simple things to understand how QML works.
                  I would recommend checking and trying examples "here":http://jryannel.wordpress.com/

                  Really good learning curve.

                  Also very nice materials here on this site in section for designers: "here":http://qt.nokia.com/developer/learning/online/training/materials/qt-quick-for-designers/

                  1 Reply Last reply
                  0
                  • A Offline
                    A Offline
                    andre
                    wrote on last edited by
                    #9

                    Indeed. Wise advice by cmer4.

                    1 Reply Last reply
                    0
                    • B Offline
                      B Offline
                      budak_baik
                      wrote on last edited by
                      #10

                      Hello,
                      How can I switch view in qml

                      1 Reply Last reply
                      0
                      • B Offline
                        B Offline
                        budak_baik
                        wrote on last edited by
                        #11

                        thank you

                        1 Reply Last reply
                        0
                        • C Offline
                          C Offline
                          Chuck Gao
                          wrote on last edited by
                          #12

                          Sorry, what are you mean "switch view", can you give us a more detailed description about this ?

                          Chuck

                          1 Reply Last reply
                          0
                          • B Offline
                            B Offline
                            budak_baik
                            wrote on last edited by
                            #13

                            for example I want to create a button and will direct me from view 1 to view 2

                            1 Reply Last reply
                            0
                            • J Offline
                              J Offline
                              Jens
                              wrote on last edited by
                              #14

                              There are many ways to do this. For a transition from left to right you can create a row layout and put two screens next to each other. Then you simply shift the x-coordinate by one negative screen width. For a cross-fade transition you put two items on top of each other and you set the opacity of the topmost one to 0. I would recommend using a Behavior or Animation to ease out the transition for opacity or x coordinates. There is not a standard way of doing this in Qt Quick but I would recommend looking at examples such as the flickr demo.

                              1 Reply Last reply
                              0

                              • Login

                              • Login or register to search.
                              • First post
                                Last post
                              0
                              • Categories
                              • Recent
                              • Tags
                              • Popular
                              • Users
                              • Groups
                              • Search
                              • Get Qt Extensions
                              • Unsolved