Category Archives: QML

← Older posts
02
12
24
 6 Comments

How I fixed wrong colors in my QML app on Android

Posted by | QML, QT |

I removed android:theme from AndroidManifest.xml:

1
2
3
4
5
6
7
8
9
10
<activity android:name="net.geographx.MainActivity"
    android:configChanges="orientation|uiMode|screenLayout|screenSize|smallestScreenSize|layoutDirection|locale|fontScale|keyboard|keyboardHidden|navigation|mcc|mnc|density"
    android:label="@string/app_name"
    android:theme="@style/AppTheme"
    android:launchMode="singleTask"
    android:screenOrientation="portrait"
    android:exported="true">
    <!-- Splash screen -->
    <meta-data android:name="android.app.splash_screen_drawable" android:resource="@drawable/splash"/>
    <!-- Splash screen -->
(more…)
23
10
24
 Leave a comment

Make QML menu width fit the content

Posted by | QML, QT |

Found an implementation here and added two pixels:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
 
Menu {
    width: {
        var result = 0;
        var padding = 0;
        for (var i = 0; i < count; ++i) {
            var item = itemAt(i);
            result = Math.max(item.contentItem.implicitWidth, result);
            padding = Math.max(item.padding, padding);
        }
        // It looks like two pixels are missing to remove the ellipsis.
        // My first idea was that it is leftInset + rightInset, but it does not work.
        var missing = 2;
        return result + padding * 2 + missing;
    }
}
(more…)
31
05
23
 3 Comments

“Cannot anchor to a null item” waring in QML

Posted by | QML |

The following QML code

1
2
3
4
5
6
7
8
9
10
Callout
{
    id: call
 
    //margins should bound but not assigned
    anchors.topMargin: root.above ? undefined : yMargin
    anchors.bottomMargin: root.above ? yMargin : undefined
 
    ...
}

produced “Cannot anchor to a null item” warning and worked incorrectly.

I tried to replace it with AnchorChanges and PropertyChanges:

(more…)
29
10
22
 2 Comments

QML Application Style

Posted by | QML, QT |

There was qtquickcontrols2.conf in the root directory of my app sources with the following content:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
; This file can be edited to change the style of the application
; See Styling Qt Quick Controls 2 in the documentation for details:
; https://doc.qt.io/qt-6/qtquickcontrols2-styles.html
 
[Controls]
;Style=Default
;Style=Universal
;Style=Material
Style=Fusion
;Style=iOS
 
[Universal]
Theme=Light
Accent=Steel
 
[Material]
;Theme=Light
Theme=Dark
;Accent=BlueGrey
;Primary=BlueGray
(more…)
10
06
22
 Leave a comment

My experimentation with QML Repeater

Posted by | QML, QT |

I was able to define a Repeater that displays cryptocurrency market orders:

(more…)
18
01
22
 Leave a comment

An example of real-time TableView in QML

Posted by | QML, QT |

Looks like CheckBox-es respond to clicks and work correctly even if they are in a TableView that is updated once a second:

(more…)
29
09
21
 Leave a comment

Using QML_ELEMENT with CMake

Posted by | QML, QT |

There is an example of using QML_ELEMENT in qt5\qtdeclarative\examples\quick\scenegraph\openglunderqml and qt_add_qml_module in CMake:

1
2
3
4
5
6
7
qt_add_qml_module(openglunderqml
    URI OpenGLUnderQML
    VERSION 1.0
    QML_FILES main.qml
    RESOURCE_PREFIX /scenegraph/openglunderqml
    NO_RESOURCE_TARGET_PATH
)

In QML it imports the module:

1
import OpenGLUnderQML 1.0
(more…)
11
12
20
 Leave a comment

Dragging a link from a browser to a QML app

Posted by | QML, QT |

When a link is dragged from a browser on Window 10 platform it contains the page title, but they did not make it accessible in QML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import QtQuick 2.15
import QtQuick.Controls 2.15
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Scroll")
    id: root
 
    DropArea {
        id: dropArea;
        anchors.fill: parent
        onEntered: {
            root.color = "gray";
            drag.accept (Qt.LinkAction);
        }
(more…)
14
10
20
 Leave a comment

Assignment a property of type function in QML

Posted by | QML |

It is possible to do this in QML:

1
2
3
4
5
6
7
8
9
10
11
12
Item
{
    property var refreshChart: function () {}
 
    Component.onCompleted:
    {
        refreshChart = function ()
        {
            console.log("Hello!")
        }
    }
}
(more…)
31
08
17
 1 Comment

Multiple views with OsgQtQuick

Posted by | C++, QML, QT |

I wrote a sample application using OsgQtQuick that shows the Earth in two views:

with the following QML, that I copied from OsgQtQuick samples:

(more…)

← Older posts