Ce petit tutoriel va détailler étape par étape comment dessiner dans Qt Designer la fenêtre d'édition de QuickDesktopNotes.
QuickDesktopNotes est l'application développée dans le dossier Qt 4 du magasine.
Celui-ci débute au numéro 109 et se termine au numéro 111
Pour cela plusieurs choix possible :
* sous windows : depuis le menu démarrer
* sous Mac : depuis le finder
* sous X11 : depuis le menu de votre gestionnaire de fenêtres.
Dans tout les cas il est aussi possible de démarrer designer depuis la ligne de commande en tapant "designer".
La fenêtre qui apparaît lorsque vous démarrez Designer est la suivante (voir illustration).
Sélectionnez "Widget" puis cliquez sur "Create"
Lorsque le nouveau widget apparaît, nommer le PNoteEditor.
Ceci se fait via le "Property Editor" en modifiant la propriété objectName, ou via le menu contextuel via "change objectName".
Il suffit de glisser une zone de saisie texte sur une ligne (Line Edit) de puis la "Widget Box" (à gauche) vers le formulaire.
Nommez ce wigdet "title". Cela se fait en modifiant la propriété objectName.
Comme précédement il suffit de glisser/déposer un "Text Edit" depuis la "Widget box" vers le formulaire.
Nommez cette élément "editor".
Cliquez sur le fond du Widget afin de déséléctionner le "Text Edit", puis disposez les éléments sur une grille.
Pour celà cliquez sur l'icone "Layout in a grid" (ou séléctionnez ce type de layout depuis le menu contextuelle -> Layouts).
Voici le rendu final de notre nouveau widget. Il ne reste plus qu'à le sauvegarder sous le nom pnote_editor.ui.
Il est bien entendu possible de modifier considérablement ce widget en le gardant compatible avec QuickDesktopNotes.
En fait, tant que le widget a pour objectName PNoteEditor et qu'il contient un QLineEdit (title) et un QTextEdit (editor) il sera compatible avec le controleur développé dans l'article !
Ne vous privez donc pas d'essayer d'ajouter des choses (images, css, etc.).
Vous souhaitez partagez vos connaissances avec les membres de Programmez! Publiez vos tutoriels.
arnaud_dupuis (Arnaud Dupuis)Développement - WEB - ASP - PHP - C++ - Delphi - Java - Magazines - Ressources - Forum - Télécharger - Video - Emploi - Campus - .Net - Tutoriels
Le présent site Web est édité par Go 02, Sarl inscrite au RCS de Paris sous le N° 411321366 et dont le siège social est au 21 rue de Fécamp 75012 Paris.
Adresse de courrier électronique :diff@programmez.com
Le directeur de la publication du site www.programmez.com est Jean-Claude Vaudecrane en qualité de gérant de la sarl GO 02
Le portail du décideur informatique en entreprise : Solutions & Logiciels