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. onclicked button open "new" form
Forum Updated to NodeBB v4.3 + New Features

onclicked button open "new" form

Scheduled Pinned Locked Moved Solved QML and Qt Quick
25 Posts 2 Posters 11.0k Views 2 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.
  • F filipdns

    Just quick other question, it's not possible to do in the main.qml the action button task and make the form I want for each page?
    example:
    main.qml

    ApplicationWindow {
        visible: true
        width: 640
        height: 480
     
    button {
    id: button1
    anchors.fill: parent
                     MouseArea {
                                           id: mouseArea
                                           anchors.fill: parent
                                           onClicked: page2.qml()
        }
    button {
    id: button2
    anchors.fill: parent
                     MouseArea {
                                           id: mouseArea
                                           anchors.fill: parent
                                           onClicked: page3.qml()
        }
    

    it's not real code that just to illustrate what I have in my mean ;-)

    mrjjM Offline
    mrjjM Offline
    mrjj
    Lifetime Qt Champion
    wrote on last edited by mrjj
    #16

    @filipdns
    It is, but you want it to be part of the SwipeView
    Image the structure being a tree, so we must add them to the SwipeView structure for them to be "in" it

     SwipeView {
            id: swipeView
            anchors.fill: parent
            currentIndex: tabBar.currentIndex
    
            Page1 {
                Button {
                    onClicked:{swipeView.currentIndex = swipeView.currentIndex+1}
                    text: "Button"
                }
            }
    
            Page {
                Label {
                    text: qsTr("Second page")
                    anchors.centerIn: parent
                }
            }
        }
    
    

    Else they be under ApplicationWindow and we can not change page. (also swipeview might cover them)

    F 1 Reply Last reply
    0
    • mrjjM mrjj

      @filipdns
      It is, but you want it to be part of the SwipeView
      Image the structure being a tree, so we must add them to the SwipeView structure for them to be "in" it

       SwipeView {
              id: swipeView
              anchors.fill: parent
              currentIndex: tabBar.currentIndex
      
              Page1 {
                  Button {
                      onClicked:{swipeView.currentIndex = swipeView.currentIndex+1}
                      text: "Button"
                  }
              }
      
              Page {
                  Label {
                      text: qsTr("Second page")
                      anchors.centerIn: parent
                  }
              }
          }
      
      

      Else they be under ApplicationWindow and we can not change page. (also swipeview might cover them)

      F Offline
      F Offline
      filipdns
      wrote on last edited by
      #17

      @mrjj may be a misunderstanding I don't want swipe at all

      mrjjM 1 Reply Last reply
      0
      • F filipdns

        @mrjj may be a misunderstanding I don't want swipe at all

        mrjjM Offline
        mrjjM Offline
        mrjj
        Lifetime Qt Champion
        wrote on last edited by
        #18

        @filipdns
        Ignore the swipe effect for now.
        Its to handle the actual page switching. (not to get the animation)
        Else you would have to hide or show all elements depending on what
        page you are currently viewing.

        Alternativ you can use
        http://doc.qt.io/qt-5/qml-qtquick-controls-stackview.html
        which have no animation effect as far as i know.

        1 Reply Last reply
        0
        • F Offline
          F Offline
          filipdns
          wrote on last edited by
          #19

          oh that feel more than what I was looking for ;-) thank you

          mrjjM 1 Reply Last reply
          0
          • F filipdns

            oh that feel more than what I was looking for ;-) thank you

            mrjjM Offline
            mrjjM Offline
            mrjj
            Lifetime Qt Champion
            wrote on last edited by
            #20

            @filipdns
            yes it should be :)
            It provides a page handler with the ability to go back and forth.
            Note, that you could also hide/show the pages your self but
            its less code to use a premade element designed for such design.

            1 Reply Last reply
            0
            • F Offline
              F Offline
              filipdns
              wrote on last edited by
              #21

              Yes less code it s better for me 😉

              mrjjM 1 Reply Last reply
              0
              • F filipdns

                Yes less code it s better for me 😉

                mrjjM Offline
                mrjjM Offline
                mrjj
                Lifetime Qt Champion
                wrote on last edited by
                #22

                @filipdns
                That goes for most people :)
                Reusing already tested code is just more fun.

                1 Reply Last reply
                0
                • F Offline
                  F Offline
                  filipdns
                  wrote on last edited by
                  #23

                  onClicked: stackView.push (Qt.resolvedUrl("SliderPage.qml"))

                  mrjjM 1 Reply Last reply
                  0
                  • F filipdns

                    onClicked: stackView.push (Qt.resolvedUrl("SliderPage.qml"))

                    mrjjM Offline
                    mrjjM Offline
                    mrjj
                    Lifetime Qt Champion
                    wrote on last edited by
                    #24

                    @filipdns
                    Some text would help understand :)

                    1 Reply Last reply
                    0
                    • F Offline
                      F Offline
                      filipdns
                      wrote on last edited by
                      #25

                      hello, it's just the way to do what the topic ask ;-)

                      import QtQuick 2.2
                      import QtQuick.Controls 1.2
                      import QtQuick.Controls.Styles 1.1
                      Item {
                          width: parent.width
                          height: parent.height
                      
                          Column {
                              spacing: 5
                                  Button {
                                  anchors.margins: 20
                                  text: "24"
                                  onClicked: stackView.push (Qt.resolvedUrl("SliderPage.qml"))
                              }
                      }
                      
                      1 Reply Last reply
                      1

                      • Login

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