QML and Qt Quick

@mzimmers said in Text component. double variable as source. Number of digits after comma.: text: Number(11.111111).toFixed(2) This works fine text: qsTr("%1 km/h").arg(Number(rate.speed).toFixed(2))

[image: screenshot-16.png]

@mzimmers thank you, but thinking about it a bit more, I would rather suggest this one: color: Qt.rgba(col.r, col.g, col.b, 0.2) removes the necessity of a local property and the onCompleted function

I guess you can add another layout ColumnLayout for label gpm and allgn or push it to the botton of the layout

Added to DataModel.qml: property alias api: simonP And implemented in stale.qml: dpt.api.setInterfaceStatus(false); hdg.api.setInterfaceStatus(false);

Hi, I am getting below mentioned error, when I am trying to connect QHttpServer desktop application from WebAssembly client application which is running on browser. I am Using QNetworkAccessManager module in the webAssembly client appliaction to access QHttpServer application here. Error: qtloader.js:370 Reply Error Code: QNetworkReply::ProtocolUnknownError Thanks, Pradson

Is it on auto play ?

@Kuzma30 said in Periodically update data in QML [Solved?]: void setChannelData(QList<double> channelData) { m_channelData = channelData; //set current data value } No timer is needed. void setChannelData(QList<double> channelData) { if (channelData.size() != m_channelData.size() /*or something like contents changed*/ ) { m_channelData = channelData; //set current data value emit channelDataChanged(); //to tell qml things have changed for update } }

I got this working with anchors and margins: import QtQuick 2.12 Item { id: sliderTile Item { id: sliderItem height: sliderTile.height width: sliderTile.width anchors.top: parent.top anchors.horizontalCenter: parent.horizontalCenter CircularSlider { id: circularSlider width: sliderTile.width * 0.8 height: width } RowLayout { anchors.top: sliderTile.verticalCenter anchors.topMargin: 30 anchors.left: sliderTile.left anchors.leftMargin: (sliderTile.width - sliderProperties.diameter) / 2 Text { text: "some text here" } } } (this code snippet isn't complete; just showing how I got the text into the correct position.) [image: 15e59e81-bb7d-4890-8548-ad4d14058188.PNG] Definitely not the most elegant, but it works. I'll improve upon it down the road. Thanks for all the suggestions...

I fix this using this code function playVideo() { videoStep.position = 0 // videoStep.play() videoStep2.position = 0 if (videoStep.visible) { videoStep.visible = false videoStep.stop() videoStep2.visible = true videoStep2.play() } else { videoStep2.visible = false videoStep2.stop() videoStep.visible = true videoStep.play() } }

@peteispo Hi For adding any icons or shapes(as png or svg) you need to create a 'QBrush' in c++ side and pass it to qml. for example: .h side: public slots: QBrush chartBrush() const; .cpp side: QBrush GUI::chartBrush() const { QBrush m_chartBrush; QPixmap texture("/home/allenmvi/Downloads/triangle_PNG112.png"); //or svg file int w = 30; //set width for your shape int h = w; //set height for your shape m_chartBrush.setTexture(texture.scaled(w,h,Qt::KeepAspectRatio)); return m_chartBrush; } in qml side: ScatterSeries{ id:scatterSery axisX: myAxisX axisY: myAxisY markerSize: 30 name:"Scatter" borderColor: "transparent" brush: gui.chartBrush markerShape: ScatterSeries.MarkerShapeRectangle } *Note: the useOpenGL property should be false , if it is true , scatter just read your QBrush color.

I am pretty sure you need to register it to the qmlEngine via qmlRegisterType<NotchedRectangle>("My.Items", 1, 0, "NotchedRectangle"); In your main.cpp, then you should be able to use it. (https://www.qt.io/blog/qml-type-registration-in-qt-5.15) In your qml file you can then just type: import My.Items and then you should be able to use NotchedRectangle