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. Page component tutorial
Forum Updated to NodeBB v4.3 + New Features

Page component tutorial

Scheduled Pinned Locked Moved QML and Qt Quick
15 Posts 3 Posters 6.3k 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.
  • T Offline
    T Offline
    thisisbhaskar
    wrote on last edited by
    #2

    which page component ?? if you are talking about Qt Quick Components Page.. here are the links

    http://doc.qt.nokia.com/qt-components-symbian-1.0/qml-page.html

    http://doc.qt.nokia.com/qt-components-symbian-1.0/qt-components-pages-and-navigation-overview.html

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

      Yeah but why I'm get an error on Page {} that said unknown type

      1 Reply Last reply
      0
      • T Offline
        T Offline
        thisisbhaskar
        wrote on last edited by
        #4

        did you import Symbian components in to your qml file

        @ import com.nokia.symbian 1.0@

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

          no

          1 Reply Last reply
          0
          • T Offline
            T Offline
            thisisbhaskar
            wrote on last edited by
            #6

            then you should do it.. this qml module imports all Qt Quick Components for Symbian in to your current qml file.

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

              Sample code located at $QTDIR\Examples\4.7\qt-components\gallery

              @
              import QtQuick 1.0
              import com.nokia.symbian 1.0
              import Qt.labs.components 1.0
              ....
              TabGroup {
              height: 100
              width: parent.width - parent.spacing
              Button { id: tab1content; text: "tab1" }
              Text {
              id: tab2content
              text: "tab2"
              horizontalAlignment: "AlignHCenter"
              verticalAlignment: "AlignVCenter"
              color: platformStyle.colorNormalLight
              }
              Page {
              id: tab3content
              CheckBox { anchors.fill: parent; text: "tab3" }
              }
              }
              ....
              @

              Chang Sheng
              常升

              1 Reply Last reply
              0
              • T Offline
                T Offline
                thisisbhaskar
                wrote on last edited by
                #8

                [quote author="changsheng230" date="1310373996"]Sample code located at $QTDIR\Examples\4.7\qt-components\gallery

                @
                import QtQuick 1.0
                import com.nokia.symbian 1.0
                import Qt.labs.components 1.0
                @[/quote]

                what is this import Qt.labs.components 1.0
                what does it have.

                1 Reply Last reply
                0
                • C Offline
                  C Offline
                  changsheng230
                  wrote on last edited by
                  #9

                  Directory of C:\QtSDK_1_1\QtCreator\bin\Qt\labs\components

                  10.07.2011 17:03 <DIR> .
                  10.07.2011 17:03 <DIR> ..
                  10.07.2011 17:03 3,328 Checkable.qml
                  10.07.2011 17:03 6,403 CheckableGroup.js
                  10.07.2011 17:03 2,447 CheckableGroup.qml
                  10.07.2011 17:03 <DIR> native
                  10.07.2011 17:03 2,842 plugins.qmltypes
                  10.07.2011 17:03 96 qmldir
                  10.07.2011 17:03 25,600 qtcomponentsplugin_1_0.dll
                  10.07.2011 17:03 62,464 qtcomponentsplugin_1_0d.dll
                  [quote author="Vijay Bhaska Reddy" date="1310374823"] [quote author="changsheng230" date="1310373996"]Sample code located at $QTDIR\Examples\4.7\qt-components\gallery @ import QtQuick 1.0 import com.nokia.symbian 1.0 import Qt.labs.components 1.0 @[/quote] what is this import Qt.labs.components 1.0 what does it have. [/quote]

                  Chang Sheng
                  常升

                  1 Reply Last reply
                  0
                  • C Offline
                    C Offline
                    changsheng230
                    wrote on last edited by
                    #10

                    C:\QtSDK_1_1\QtCreator\bin\Qt\labs\components\native>ls
                    AppManager.js Page.qml TabButton.qml
                    ApplicationWindow.qml PageStack.js TabGroup.js
                    BusyIndicator.qml PageStack.qml TabGroup.qml
                    Button.qml Popup.qml TextArea.qml
                    ButtonColumn.qml ProgressBar.qml TextContextMenu.qml
                    ButtonGroup.js QueryDialog.qml TextField.qml
                    ButtonRow.qml RadioButton.qml TextMagnifier.qml
                    CheckBox.qml RectUtils.js TextSelectionHandle.qml
                    CommonDialog.qml ScrollBar.qml TextTouchController.qml
                    ContextMenu.qml ScrollDecorator.qml ToolBar.qml
                    Dialog.qml SectionScroller.js ToolBarLayout.qml
                    Fader.qml SectionScroller.qml ToolButton.qml
                    ListHeading.qml SelectionDialog.qml ToolTip.qml
                    ListItem.qml SelectionListItem.qml Window.qml
                    ListItemText.qml Slider.qml plugins.qmltypes
                    Menu.qml StatusBar.qml qmldir
                    MenuContent.qml Switch.qml symbianplugin_1_0.dll
                    MenuItem.qml TabBar.qml symbianplugin_1_0d.dll
                    MenuLayout.qml TabBarLayout.qml
                    [quote author="changsheng230" date="1310375469"] Directory of C:\QtSDK_1_1\QtCreator\bin\Qt\labs\components 10.07.2011 17:03 <DIR> . 10.07.2011 17:03 <DIR> .. 10.07.2011 17:03 3,328 Checkable.qml 10.07.2011 17:03 6,403 CheckableGroup.js 10.07.2011 17:03 2,447 CheckableGroup.qml 10.07.2011 17:03 <DIR> native 10.07.2011 17:03 2,842 plugins.qmltypes 10.07.2011 17:03 96 qmldir 10.07.2011 17:03 25,600 qtcomponentsplugin_1_0.dll 10.07.2011 17:03 62,464 qtcomponentsplugin_1_0d.dll [quote author="Vijay Bhaska Reddy" date="1310374823"] [quote author="changsheng230" date="1310373996"]Sample code located at $QTDIR\Examples\4.7\qt-components\gallery @ import QtQuick 1.0 import com.nokia.symbian 1.0 import Qt.labs.components 1.0 @[/quote] what is this import Qt.labs.components 1.0 what does it have. [/quote] [/quote]

                    Chang Sheng
                    常升

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

                      tq for the info

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

                        I already tried import.Qt.labs.components 1.0, but it says that the package is not found.
                        How do I solve this

                        1 Reply Last reply
                        0
                        • T Offline
                          T Offline
                          thisisbhaskar
                          wrote on last edited by
                          #13

                          I don't think you need Qt.labs.components, everything should work with com.nokia.symbian.

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

                            yeah I also include com.nokia.symbian and get the same error

                            1 Reply Last reply
                            0
                            • T Offline
                              T Offline
                              thisisbhaskar
                              wrote on last edited by
                              #15

                              did you updated your Qt SDK with experimental Symbian Qt Quick Components??

                              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