Advertisement
Categories : Brèves

Je crée mon appli Freebox Révolution : Comment créer des pages pour son application

Advertisement

Toutes les semaines Univers Freebox vous propose un tutoriel pour créer simplement une application pour votre Freebox Révolution. Après avoir créé son projet il est temps de commencer à s’amuser un peu avec sa Freebox.

Après notre jeu sur les nombres aléatoire, cette semaine, nous allons voir quelques spécificités du SDK de la Freebox Révolution. Nous allons nous intéresser aujourd’hui au système de pages. 

Dans un premier temps, nous allons créer 3 nouveaux fichiers QML. Pour ce faire, il faudra juste aller dans Fichier > Nouveau fichier ou projet… et choisir dans la case Fichiers et classes, Qt puis QML File. Nous avons choisi ici d’appeler ces trois fichiers QML page1, page2 et page3.

Le détail du code, pas à pas

Dans notre fichier QML créé lors de la création de notre projet, nous allons rajouter deux lignes, import fbx.ui.page 1.0 et import fbx.ui.layout 1.0. 

Dans notre Application, nous allons ajouter un Background directement fournis dans le SDK de Free.

Nous allons ensuite créer un Stack, c’est ce dernier qui nous permettra de gérer, d’afficher et de stocker les pages de notre application. Comme souvent, nous allons lui donner un id, le focus et nous définissons ensuite son ancrage dans l’application, car le positionnement des pages se fera par rapport à lui. Ensuite avec baseUrl, nous indiquons à l’application dans quel dossier aller chercher les différents fichiers, le point signifie que le dossier est le dossier du projet. Ensuite initialPage nous permet de dire au Stack quelle page il devra charger au démarrage.

Dans chacun des trois autres fichiers, nous allons créer une Page dans laquelle nous ajouterons uniquement un texte. Puis sur chaque page, nous agirons sur notre Stack lorsque l’on presse sur la touche OK de la télécommande. Sur la première page, nous allons utiliser la fonction push() qui va permettre d’afficher la prochaine page et de l’ajouter à la liste d’objets de notre Stack.

Sur la seconde page, nous allons utiliser la fonction replace(), qui comme son nom l’indique va remplacer le dernier élément de notre Stack, ici notre deuxième page, par un autre, dans notre cas notre troisième et dernière page.

Sur cette dernière page, nous allons utiliser la fonction pop() lorsque l’on appuie sur la touche OK. Cette fonction va supprimer le dernier élément de notre Stack, notre page actuelle, ce qui nous permettra de revenir sur la première page de notre application.

Nous pouvons maintenant tester notre application.

Cet article a été repris sur le site Univers FreeBox

Advertisement
florian

Advertisement

Articles récents

SFR offre temporairement Netflix et RMC Sport à certains nouveaux abonnés

Les nouveaux abonnés SFR Power ou SFR Premium ont droit à une offre comprenant RMC…

5 novembre 2024

Piratage : la justice ordonne aux opérateurs de bloquer Zone Téléchargement et 27 autres sites majeurs

Une grande offensive des ayants droits sur la scène du streaming et du téléchargement illégal,…

5 novembre 2024

Bouygues Telecom frappe très fort avec une nouvelle offre box sans TV, à moins de 25€/mois avec le 8 Gbit/s et WiFi 6E

 L'opérateur présente B&You Pure Fibre : des performances de box haut de gamme pour 23.99€/mois,…

5 novembre 2024

Bouygues Telecom va lancer une nouvelle box puissante sous Android 14

Une quatrième génération de player TV Bbox est apparue sur Geekbench. Ses principales caractéristiques techniques…

5 novembre 2024

C’est officiel, clap de fin pour Disney+ et les chaînes de Disney dans les offres Canal+ dès le 1er janvier 2025

Fin de l’accord de distribution exclusive entre Canal+ et Disney, un bouleversement à plusieurs niveaux…

5 novembre 2024

Le RCS arrive sur les iPhone pour les abonnés Free Mobile

Le RCS (Rich Communication Services) largement utilisé sur Android va devenir disponible sur iPhone pour…

5 novembre 2024
Advertisement