Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. How to convert QML to QWidgets .ui XML code?
QtWS25 Last Chance

How to convert QML to QWidgets .ui XML code?

Scheduled Pinned Locked Moved Solved General and Desktop
5 Posts 4 Posters 3.3k Views
  • 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.
  • E Offline
    E Offline
    Eager
    wrote on last edited by
    #1

    As I am the fan of QML so I want to make a QtCreator plugin so that I may be able to write QWidgets ui in QML like code. QML is readable and takes less real-state.
    My question is how can I convert the following QML like code to the following .ui XML code.
    My proposed QML like code:

    QWidget {
        name: "centralWidget"
        QPushButton {
            name: "pushButton"
            geometry: {
                x: 10
                y: 20
                width: 150
                height: 50
            }
            text: "Hello World!"
        }
    }
    

    .ui XML code:

      <widget class="QWidget" name="centralWidget">
       <widget class="QPushButton" name="pushButton">
        <property name="geometry">
         <rect>
          <x>10</x>
          <y>20</y>
          <width>150</width>
          <height>50</height>
         </rect>
        </property>
        <property name="text">
         <string>Hello World!</string>
        </property>
       </widget>
      </widget>
     </widget>
    

    I would be thankful if someone point me to the right direction or provide me a sample code/library please!

    1 Reply Last reply
    0
    • mrjjM Offline
      mrjjM Offline
      mrjj
      Lifetime Qt Champion
      wrote on last edited by mrjj
      #2

      Hi
      The QML format is very close to JSON syntax.
      So if you use a relaxed parser like
      https://hjson.org/
      that accepts values with no "" then it should be able to parse most of it.
      or have a look at
      https://github.com/jesperhh/qmlfmt
      to see if it can parse enough. ( and/or use it for the plugin to format the QML)
      If you need full blown parsing, then you could look at
      https://code.woboq.org/qt5/qtdeclarative/src/qml/parser/

      For saving to UI format, you might have a look at
      https://doc.qt.io/qt-5/qabstractformbuilder.html#save
      https://doc.qt.io/qt-5/qformbuilder.html

      However, thats for saving QWidgets runtime so might not be possible with QML objects.

      So you might end up using a XML library.
      https://doc.qt.io/qt-5/qtxml-index.html
      https://pugixml.org/

      to construct the UI files your self from the QML tree.

      1 Reply Last reply
      4
      • SGaistS Offline
        SGaistS Offline
        SGaist
        Lifetime Qt Champion
        wrote on last edited by
        #3

        Hi,

        You might also want to check KDAB's DeclarativeWidgets project.

        Interested in AI ? www.idiap.ch
        Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

        1 Reply Last reply
        2
        • E Offline
          E Offline
          Eager
          wrote on last edited by
          #4

          Went through proper lexical analysis and parsing approach.

          1 Reply Last reply
          1
          • S Offline
            S Offline
            sammtan
            wrote on last edited by
            #5
            This post is deleted!
            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