QML and Qt Quick

• 

  SOLVED Whose attribute is the 'index' attribute in the QML example?
  • mirro  

  4
  0
  Votes
  4
  Posts
  17
  Views

  

  @J-Hilk Why is the display of ItemDelegate and ListModel used together problematic? The following two examples show different effects import QtQuick.Window 2.2 import QtQuick.Controls 2.2 ListModel { id:contactModel ListElement { name: "Bill Smith" number: "555 3264" } ListElement { name: "John Brown" number: "555 8426" } ListElement { name: "Sam Wise" number: "555 0473" } } Window { visible: true width: 300 height: 450 title: qsTr("Hello World") ListView{ id:listView anchors.fill: parent model:contactModel snapMode: ListView.SnapOneItem orientation:ListView.Horizontal delegate: ItemDelegate { Rectangle{ width: listView.width height: listView.height color: index%2 ? "red":"yellow" Label{ anchors.centerIn: parent font.pointSize: 100 text: index } } } } } import QtQuick.Window 2.2 import QtQuick.Controls 2.2 Window { visible: true width: 300 height: 450 title: qsTr("Hello World") ListView{ id:listView anchors.fill: parent model:10 snapMode: ListView.SnapOneItem orientation:ListView.Horizontal delegate: Rectangle{ width: listView.width height: listView.height color: index%2 ? "red":"yellow" Label{ anchors.centerIn: parent font.pointSize: 100 text: index } } } }
• 

  This topic is deleted!
  • mirro  

  1
  0
  Votes
  1
  Posts
  12
  Views

  No one has replied

• 

  UNSOLVED Qt quick play multiple gif performance problems at the same time
  • thesilent  

  1
  0
  Votes
  1
  Posts
  13
  Views

  No one has replied

• 

  SOLVED Why doesn't the QQuickWidget program display when using QML Model？
  • mirro  

  8
  0
  Votes
  8
  Posts
  50
  Views

  

  @mirro create QStandardItemModel standardItemModel and standardItemTreeViewModel in the heap. The explanation is simple: local variables are removed at the end of their scope and that is not what you want.
• 

  SOLVED Problem with GridView
  • RobM  

  2
  0
  Votes
  2
  Posts
  15
  Views

  

  @RobM Ah I figured it out. It would seem that Row is somehow capable of setting it's parent elements width while GridView and ListView are not. So, I had to set the parent elements width first, then bind the GridView correctly for everything to display.
• 

  SOLVED How to access std::vector<enum> in qml?
  • narae  

  5
  0
  Votes
  5
  Posts
  58
  Views

  

  @sierdzio thanks
• 

  UNSOLVED QML camera position not working after HOME button on Android
  • JamieSchultz  

  1
  0
  Votes
  1
  Posts
  15
  Views

  No one has replied

• 

  SOLVED Deploying qml application
  deploying qml c • • Helga  

  2
  0
  Votes
  2
  Posts
  20
  Views

  

  The problem gone when I added .qml to resources. Following picture shows it.
• 

  SOLVED How do I draw a triangle?
  • Mikeeeeee  

  2
  0
  Votes
  2
  Posts
  19
  Views

  

  @Mikeeeeee - Nest Canvas in Window import QtQuick 2.12 import QtQuick.Window 2.12 Window { visible: true width: 320 height: 240 title: qsTr("Triangle") Canvas { id: yellowTriangle width: 110; height: 110 anchors.centerIn: parent onPaint: { var ctx = getContext("2d") // the equliteral triangle ctx.beginPath(); ctx.moveTo(55, 10); ctx.lineTo(10, 90); ctx.lineTo(100, 90); ctx.closePath(); // outline ctx.lineWidth = 10; // outline color ctx.strokeStyle = '#000000'; ctx.stroke(); // fill color ctx.fillStyle = "#FFCC00"; ctx.fill(); } } }
• 

  SOLVED How can GridLayout be set to look like the following pictures in QML?
  • mirro  

  2
  0
  Votes
  2
  Posts
  28
  Views

  

  Did you look here?; https://doc.qt.io/qt-5/qml-qtquick-layouts-gridlayout.html ~ you could have easily tweaked the given example by replacing Text elements with Rectangle. Here's how i'd do it; import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Layouts 1.12 Window { visible: true width: 400 height: 300 color: "#5b9bd5" title: qsTr("Gridlayout example") GridLayout { columns: 2 rows: 2 columnSpacing: 100 rowSpacing: 100 anchors.centerIn: parent Rectangle { color: "#ed7d31"; width: 100; height: 60; radius: 10 Text { text: "1"; color: "white"; anchors.centerIn: parent } } Rectangle { color: "#ed7d31"; width: 100; height: 60; radius: 10 Text { text: "2"; color: "white";anchors.centerIn: parent } } Rectangle { color: "#ed7d31"; width: 100; height: 60; radius: 10 Text { text: "3"; color: "white"; anchors.centerIn: parent } } Rectangle { color: "#ed7d31"; width: 100; height: 60; radius: 10 Text { text: "4"; color: "white"; anchors.centerIn: parent } } } Text { id: hint font.pixelSize: 14 anchors.centerIn: parent text: "https://doc.qt.io/qt-5/qml-qtquick-layouts-gridlayout.html" } } Or, not meaning to be a pedant, but this is literally much closer to what you're asking; import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Layouts 1.12 Window { visible: true width: 460 height: 320 color: "white" title: qsTr("Gridlayout example") Rectangle { border { width: 4 color: "black" } color: "#00000000" anchors.fill: parent GridLayout { columns: 2; columnSpacing: 140 rows: 2; rowSpacing: 60 anchors { top: parent.top topMargin: 30 horizontalCenter: parent.horizontalCenter } Repeater { model: 4 Rectangle { color: "white"; width: 110; height: 90; border { width: 4; color: "black" }} } } } }
• 

  SOLVED I don't understand how png files are used as textures for meshes
  • sofiane  

  3
  0
  Votes
  3
  Posts
  30
  Views

  

  @fcarney Do you know how to import skeleton, armature from blender to Qt3d?
• 

  UNSOLVED MouseArea hides ChartView Series signals
  • St.Stanislav  

  15
  0
  Votes
  15
  Posts
  70
  Views

  

  @rhb327 I dont get it either. I think doing panning breaks too. I would put that on middle mouse button only. Maybe don't let that mousearea handle left clicks at all. It seems to be problematic.
• 

  UNSOLVED scroll horizontal and vertical for a very large rectangle
  treeview • • lawrence.emke  

  3
  0
  Votes
  3
  Posts
  29
  Views

  

  @LeLev said in scroll horizontal and vertical for a very large rectangle: Window { visible: true width: 640 height: 480 title: qsTr("Hello World") Flickable { width: 400; height: 400 contentWidth: gameBoard.width; contentHeight: gameBoard.height clip: true ScrollBar.horizontal: ScrollBar { active: true} ScrollBar.vertical: ScrollBar { active: true} Rectangle{ id: gameBoard height: 2000 width: 2000 color: "grey" Repeater{ model: 10 Drag.active: dragMouse.drag.active Rectangle{ height: 80;width: 80 x : width * index y : height * index color: Qt.rgba(Math.random(),Math.random(),Math.random(),1) MouseArea{ id:dragMouse anchors.fill: parent drag.target: parent } } } } } } yes that is what I need to use. Did not know it. There is so much to learn. Thanks for your knowledge and experience.
• 

  UNSOLVED run a sh shell while clicking button in QML with QT5.15.0
  • lxy12345  

  21
  0
  Votes
  21
  Posts
  110
  Views

  

  Basically close/kill / terminate the process before running a new process here an example I extracted from one of my projects as I keep "bash" process alive till closing the app itself. so try to find where you wan to stop the process and close it. cmd.h #pragma once #include <QProcess> #include <QVariant> class Process : public QProcess { Q_OBJECT public: explicit Process( QObject* parent = Q_NULLPTR ) : QProcess( parent ) { } // If want to use Start with arguments Q_INVOKABLE void start( const QString& program, const QVariantList& arguments ) { QStringList args; // convert QVariantList from QML to QStringList for QProcess for ( const auto& temp : arguments ) { args << temp.toString(); } QProcess::setProcessChannelMode( QProcess::MergedChannels ); QProcess::start( program, args ); } // If wan to start without arguments for Qt > 5.14 Q_INVOKABLE void start( const QString& program ) { QProcess::setProcessChannelMode( QProcess::MergedChannels ); QProcess::setProgram( program ); QProcess::start(); QProcess::open( QProcess::ReadWrite ); } Q_INVOKABLE QByteArray readAll() { return QProcess::readAll(); } Q_INVOKABLE QByteArray readLine() { return QProcess::readLine(); } // if you want to write to an active process, not fully tested! Q_INVOKABLE qint64 write( const QString& data ) { return QProcess::write( data.toLocal8Bit().data() ); } private: Q_DISABLE_COPY( Process ) }; In main.h qmlRegisterType<Process>( "Process", 1, 0, "Process" ); In main.qml import QtQuick 2.15 import QtQuick.Controls 2.15 import QtQuick.Layouts 1.15 import Qt.labs.platform 1.1 import Process 1.0 ApplicationWindow { visible: true width: 640 height: 480 title: qsTr("Hello World") Component.onCompleted: { py.start("bash") } // use py.close() or py.kill(0 or py.terminate() to kill the process Component.onDestruction: py.close() Process { id: py property string output: "" onStarted: print("Started") onFinished: print("Closed") onErrorOccurred: console.log("Error Ocuured: ", error) onReadyReadStandardOutput: { output = py.readAll() term.text += output } } Page { anchors.fill: parent ScrollView { id: view anchors.fill: parent TextArea { id: term textFormat: TextArea.RichText } } footer: RowLayout { Layout.fillWidth: true TextField { id: input Layout.fillWidth: true } Button { text: "Send!" property string command: input.text.trim() + "\n" onClicked: { py.write(command) term.text += ("<br /><b>" + command + " : </b>") } } } } } I have run cat /proc/uptime as one program command.
• 

  UNSOLVED Qt/QML Mangling Text String
  • While_e  

  10
  0
  Votes
  10
  Posts
  60
  Views

  

  I've tried both of these any they still fail. The only things that work are either insert a "Zero Width Space" between them, or the cleaner solution.. just remove the numero glyph from the font altogether. I was hoping this would be a known issue in some way, but these options will work for now. If I have more time I'll try to either investigate, or get enough info to open a bug report. Thank you for all the input.
• 

  UNSOLVED how to rotate an object with any angle without using mouse?
  • Saini_123  

  1
  0
  Votes
  1
  Posts
  21
  Views

  No one has replied

• 

  This topic is deleted!
  • mirro  

  1
  0
  Votes
  1
  Posts
  21
  Views

  No one has replied

• 

  UNSOLVED ContentX in ListView switches back to 0 when model is updated.
  • Anita  

  7
  0
  Votes
  7
  Posts
  79
  Views

  

  Hi @J-Hilk @LeLev If I put the problem statement in other words: I need to synch the horizontal movement of the ListView with the TableView . The Listview is not interactable. Is there any other method other than having contentX matched.?
• 

  UNSOLVED Accessing child properties in a Component type
  • BikashRDas  

  11
  0
  Votes
  11
  Posts
  46
  Views

  

  @BikashRDas If you need to have a read/write access you could do it like this: import QtQuick 2.5 import QtQuick.Layouts 1.3 import QtQuick.Controls 2.2 Item { id: _root property string textData onTextDataChanged: { if(ldr.status === Loader.Ready) ldr.item.text = textData } ColumnLayout { id: cl Switch { id: switchButton checked: true onCheckedChanged: { console.log(ldr.item.placeholderText) } } Text { id: label text: "Text field" } Loader { id: ldr property string textData onTextDataChanged: _root.textData = textData sourceComponent: switchButton.checked === true ? c1 : c2 onLoaded: { // read current value textData = item.text // update value on text changes textData = Qt.bindings(Qt.binding(function () { return item.text; }) } } } ... } I think there is no risk about "binding loop", but I don't guarantee anything... Try it out.
• 

  UNSOLVED raspberry 3b+ 64bit os run qml demo code failed
  • lxy12345  

  1
  0
  Votes
  1
  Posts
  11
  Views

  No one has replied

• 

  This topic is deleted!
  • mirro  

  1
  0
  Votes
  1
  Posts
  5
  Views

  No one has replied

• 

  UNSOLVED Global variable JS saved between runs with Settings
  settings qml + js • • arjun30  

  1
  0
  Votes
  1
  Posts
  24
  Views

  No one has replied

• 

  UNSOLVED Object destructuring in QML?
  • QtPai  

  9
  0
  Votes
  9
  Posts
  41
  Views

  

  I believe it is V8 under the hood. Just not the most recent version.
• 

  UNSOLVED Second Listview based on first displaying only items when variable is not null
  • eikoot  

  1
  0
  Votes
  1
  Posts
  22
  Views

  No one has replied

• 

  UNSOLVED Unable to assign [undefined] to QDeclarativeGeoMapType*
  • Jamshid  

  4
  0
  Votes
  4
  Posts
  109
  Views

  

  Hi @Jamshid did you solved the Problem already? I have the same issue.
• 

  UNSOLVED Looking for the sample customized QML Image component
  • Sadanand  

  4
  0
  Votes
  4
  Posts
  38
  Views

  

  You can create a new component by creating a new QML file, and define properties in it https://doc.qt.io/qt-5/qtqml-documents-definetypes.html https://doc.qt.io/qt-5/qml-tutorial2.html Your question is not really clear enough to help you further than that for now.
• 

  SOLVED How to implement Interaction between two QML Files?
  • mirro  

  3
  0
  Votes
  3
  Posts
  38
  Views

  

  Note that the Connections in the last example is not needed here. It is only needed when you want to react to an object's signal in a different context that its instantiation. Here you could do: QmlComponent_A{ onMySignal: b.react() } QmlComponent_B{ id:b }
• 

  SOLVED Where is the QML Treeview effect sample download address in the follow picture?
  • mirro  

  2
  0
  Votes
  2
  Posts
  20
  Views

  

  Can you rephrase the question? I don't know what you are asking about. If you are looking for a tree view, then check out QTreeView or QTreeWidget. In QML, there is TreeView, but it's deprecated (will be removed in Qt 6). So you'd have to bake a custom solution (a standard one is to create a list of list views).
• 

  This topic is deleted!
  • mirro  

  1
  0
  Votes
  1
  Posts
  1
  Views

  No one has replied

• 

  SOLVED Need help on importing QML
  • BikashRDas  

  11
  0
  Votes
  11
  Posts
  93
  Views

  

  Hi All, got a solution for the issue in another forum. Here is the link: https://stackoverflow.com/questions/63054073/need-help-on-importing-qml Working for me. Thanks anyway for your support. Thanks and Regards, Bikash
• 

  This topic is deleted!
  • PETERCANE  

  1
  0
  Votes
  1
  Posts
  5
  Views

  No one has replied

• 

  SOLVED why does the anchors.fill Unfill GroupBox in QML?
  • mirro  

  2
  0
  Votes
  2
  Posts
  27
  Views

  

  hi @mirro said in why does the anchors.fill Unfill GroupBox in QML?: GridLayout{ anchors.centerIn:parent anchors.fill:parent rows:100 columns:100 columnSpacing:0 rowSpacing:0 GroupBox{ anchors.centerIn:parent // << can't use anchors here anchors.fill:parent //<< I am not sure this is the main issue but you can not use anchors inside an item that is managed by QML Layout, it leads to undefined behavior, use Layout.alignment instead note : when you say anchors.fill parent you don't need anchors.centerIn:parent because anchors.fill actually fills and centers in the parent
• 

  UNSOLVED (Qt5.15.0 + Qt Creator 4.12.4) Qml Module not found - Integrating QML and C++
  qml • • Shazter  

  3
  0
  Votes
  3
  Posts
  64
  Views

  

  I am not sure it's the same issue, but I have a similar problem, but in my QML I explicitely use 2.15 module import ("import QtQuick 2.15") I can see in QT Creator, menu Help->System information... that QT creator is built against QT 5.14.2, so if I change my QTQuick version to 2.14 in QML import, it works. That is, it seems that the import supported version depends from QT Creator QT build version, which is weird. If so, guys, please rebuilt QT Creator always with latest QT version, so 5.15 in this case.
• 

  SOLVED Qt 5.15 Depricated: QML Connections: Implicitly defined onFoo properties in Connections are deprecated.
  • bogong  

  8
  3
  Votes
  8
  Posts
  507
  Views

  

  @jsulm When using QtDesigner to add user input to items in a ui.qml file, the designer will autogenerate the deprecated connections code, as @drwa experienced. Changing this then promps a more urgent warning of fuctions not being supported in QuickUI, but the code will still run. Both connection methods show an error or warning, and is likely why @drwa and @ThirdStrand ended up on this forum page.
• 

  SOLVED Retrive QML's QOpenGL context
  opengl context-sharing • • ebatsin  

  2
  0
  Votes
  2
  Posts
  19
  Views

  

  @ebatsin is your QQuickItem in a QQuickWindow? I guess it is the case if you are not using a QQuickWidget. Calling QQuickWindow::openglContext() on your item's window should give you what you need.
• 

  SOLVED How does a QML file set UTF-8 encoding?
  • mirro  

  7
  0
  Votes
  7
  Posts
  51
  Views

  

  @mirro said in How does a QML file set UTF-8 encoding?: Yes, i mean a QML source code file. But is your QML file encoded as UTF-8? In Qt Creator look at the upper right corner of the editor View: Or with menu Edit => Select Encoding... and choose UTF-8: You can also ensure always using UTF-8 with menu Tools => Options in Text Editor select Tab Behavior to select default encoding as UTF-8.
• 

  UNSOLVED Qt Creator only recognize type of my custom QML component but the property does not
  • kangherr  

  4
  0
  Votes
  4
  Posts
  38
  Views

  

  @kangherr said in Qt Creator only recognize type of my custom QML component but the property does not: Qt Creator only can show auto-completion for Component Name (ViewApp) but cannot show completion for property inside the component (inside ViewApp.qml). I see. How to make Qt Creator also can show completion of the property inside the component? Use qmldir (make a QML module) instead of qmlRegisterType. When using qmlRegisterType, place it in main.cpp, if it is in another class, Qt Creator gets lost easily.
• 

  This topic is deleted!
  • mirro  

  1
  0
  Votes
  1
  Posts
  13
  Views

  No one has replied

• 

  SOLVED Application exits on second call to FileDialog.open()
  • Tom asso  

  2
  0
  Votes
  2
  Posts
  32
  Views

  

  Solved: my application generated this error message on exit: relocation error: /home/oreilly/Qt5.14.2/5.14.2/gcc_64/plugins/platformthemes/libqgtk3.so: symbol _ZdlPvm version Qt_5 not defined in file libQt5Core.so.5 with link time reference This message indicates that the application was compiled and linked with different flags that compiled the Qt5.14.2 libraries. I've recompiled the libraries, and now can call FileDialog.open() multiple times without a problem.
• 

  SOLVED How does MQL TreeView release its resource?
  qabstractitemmo qml treeview beginresetmodel • • kevinguo  

  5
  0
  Votes
  5
  Posts
  66
  Views

  

  @sierdzio said in How does MQL TreeView release its resource?: I have a workaround: store the data and delete it at the next refresh event. In order to have more control, my final choice is to delete it manually instead of using auto pointer. But anyways, thanks for your suggestion. Kevin