Le code proposé permet de créer en QML un menu contextuel qui apparaîtra suite à un clic droit et qui se fermera en cas de sélection d'une option ou si le curseur de la souris sort du menu contextuel.
On commence par générer une liste d'éléments de diverses couleurs et formes. Ensuite, on crée deux boîtes pour chaque variable (forme et couleur).
Dans la section suivant du code, qui s'occupe de la GridView, on crée une fonction de filtre qui passe au crible les éléments du modèle. On branche cette fonction sur l'événement onTextChanged pour créer un effet en temps réel.
Si on trouve un élément qui ne correspond pas, il est envoyé à la fin de la liste. Si l'item correspond au filtre, il est remis à sa place d'origine. L'item disparaîtra en dégradé quand il ne correspondra plus, comme illustré par la propriété d'opacité.
Le code proposé montre comment créer un nouveau composant QML depuis C++ afin de se connecter à une base de données autrement qu'en utilisant le module LocalStorage qui ne propose que des bases de données SQLite.
Sources QML