Etienne BAUDOUX

Forum sur les projets de Etienne BAUDOUX


[TUTO de A à Z] Dessiner son interface

Partagez

Sondage

Comment trouvez vous ce tuto?

[ 3 ]
75% [75%] 
[ 1 ]
25% [25%] 
[ 0 ]
0% [0%] 
[ 0 ]
0% [0%] 
[ 0 ]
0% [0%] 
[ 0 ]
0% [0%] 

Total des votes: 4
avatar
polien


Masculin Nombre de messages : 2853
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

[TUTO de A à Z] Dessiner son interface

Message par polien le Ven 7 Fév 2014 - 17:18

Bonjour à tous Smile

Bien que la création de l'interface soit souvent simple et bien comprise, il existe toujours des questions récurrentes sur le forum qui 
peuvent pourtant être réglé quand on connait la base de la base: les contrôles.

Le tableau qui suit reprend l'idée de xav2303 (à part que chaque contrôle a une description moins détaillé amusé), en fait il est constitué de
5 colonnes qui résument les principales information sur chaque contrôles. Pour info, la propriété principale est la propriété logique du contrôle
(le texte pour un une étiquette, l'avancement pour une barre de progression...).

Nom sur SZNom utilisé dans les fonctionsApparenceDescriptionPropriété principale
ArborescencetreeviewStructure sous forme d'arbrenodes
Barre de progressionprogressbarPour connaitre l'avancement de quelque chosevalue
Barre de routetrackbarPour sélectionner une proportionvalue
BoutonbuttonPour valider quelque chosetext
Bouton radioradiobuttonPour faire un choix avec une seule réponse possiblechecked
CalendriermonthcalendarPour sélectionnez une date précise/un intervalle de tempsselectionrange (intervalle de temps)
Case à cochercheckboxPour faire un choix avec plusieurs solutions possibleschecked
EtiquettelabelPour afficher du textetext
Grille de propriétépropertygridPour afficher les propriété d'un objet/d'un contrôleselectedobject
HyperlienlinklabelPour lier un texte à une fonctiontext
Liste d'élémentlistboxStructure sous forme de listeitems
Liste d'élément avancélistviewStructure sous forme de lignes et de colonnes (= tableau)items
Liste de case à cochercheckedlistboxStructure sous forme de liste de choix avec plusieurs sélections possiblesitems
Liste déroulantecomboboxZone de sélection multi choix déroulanteitems
Navigateur webwebbrowserPour afficher une page/un élément internet (html, js, php, gifurl
Selecteur de date et heuredatetimepickerZone de sélection de date précisevalue
Zone d'imagepicturebox
(je vous interdit de vous moquer Razz )
Pour afficher une imageimage
Zone de saisie numériquenumericupdownPour sélectionnez uniquement un nombrevalue
Zone de textetextboxPour rentrer du textetext
Zone de texte enrichirichtextboxPour rentrer du texte que l'on peut colorer, mettre en gras, mettre des images...text et rtf (format qui conserve la mise en forme)
Zone de texte masquémaskedtextboxPour rentrer un mot de passe ou une information qui nécessite une syntaxe précise (une date par ex)text et mask (pour un formatage spécifique à filtrer)
GroupegroupboxPour regrouper un ensemble de contrôle sous une appellationtext
PanneaupanelPour regrouper un ensemble de contrôlerien
Menu contextuelcontextmenustripLe menu qui s'affiche lors d'un clic droititems
Barre d'outiltoolstripExplicite...items
Info bulletooltipPour afficher un message temporel d'information sur un contrôletooltip sur tooltip(le numéro du tooltip désigné)
MenumenustripExpliciteitems
Panneau d'onglettabcontrolPour pouvoir mettre d'avantage de contrôles sans mettre une nouvelle fenêtretabpage
Boite de sélection de couleurcolordialogFenêtre construite pour sélectionner une couleur
color
Boite de sélection de dossierfolderbrowserdialogFenêtre construite pour sélectionner un dossierselectedpath
Boite de sélection de fichier à enregistrersavefiledialogFenêtre construite pour sélectionner un fichier à enregistrerfilename
Boite de sélection de fichier à ouvriropenfiledialogFenêtre construite pour sélectionner un fichier à ouvrirfilename
Boite de sélection de policefontdialogFenêtre construite pour sélectionner une policefont
Les images qui suivent montrent l'intégration de ses contrôles dans votre navigation de tout les jours Wink


(bloc note)


(tableur open office)


(panneau de configuration sur le mode d'énergie)


(boite de dialogue de paint pour ouvrir un fichier)


(paramétrage de l'écran de veille)


(changer la police, bloc note)


(modifier le volume)

Voila, j'espère que ce petit rappel vous sera utile Wink

Merci de m'avoir lut.

PS: tout les contrôles n'y sont pas, il manque les contrôles de type krypton, les timers, datagridview... pas eu l'envie de les mettre amusé


Dernière édition par polien le Ven 21 Mar 2014 - 19:07, édité 4 fois



Cordialement,
Polien.

je sort ! JE NE SERAI PAS DISPONIBLE SUR LE FORUM DU 15/07/2017 AU 25/08/2017, PASSEZ PAR LES MP POUR ME CONTACTER Wink
BONNES VACANCES !


You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
fandeonepiece2
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 1804
Age : 16
Localisation : chez moi
Emploi/loisirs : Programmation H24
Humeur : massacrante... si je n'ai pas ma dose journalière de programmation
Date d'inscription : 14/09/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par fandeonepiece2 le Ven 7 Fév 2014 - 18:02

bonjour,
génial ton tuto, seul erreur : l'image du calendrier et une image de sélectionneur de date et d'heure
cordialement



(ಠ_ಠ)


http://openclassrooms.com/forum/sujet/regie-publicitaire-drozor
avatar
polien


Masculin Nombre de messages : 2853
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Dessiner son interface

Message par polien le Ven 7 Fév 2014 - 18:09

bonjour,

merci fandeonepiece2 Wink je corrige ça amusé



Cordialement,
Polien.

je sort ! JE NE SERAI PAS DISPONIBLE SUR LE FORUM DU 15/07/2017 AU 25/08/2017, PASSEZ PAR LES MP POUR ME CONTACTER Wink
BONNES VACANCES !


You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
fandeonepiece2
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 1804
Age : 16
Localisation : chez moi
Emploi/loisirs : Programmation H24
Humeur : massacrante... si je n'ai pas ma dose journalière de programmation
Date d'inscription : 14/09/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par fandeonepiece2 le Ven 7 Fév 2014 - 18:28

bonsoir,
cool

y'a pas un bug sur la bordure de la fenêtre dans la screen du menu strip ?  Suspect 

cordialement



(ಠ_ಠ)


http://openclassrooms.com/forum/sujet/regie-publicitaire-drozor
avatar
polien


Masculin Nombre de messages : 2853
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Dessiner son interface

Message par polien le Ven 7 Fév 2014 - 18:30

possible, la capture d'écran à due ce faire lors d'un rafraîchissement de l'écran (quand j'ouvre la fenêtre par exemple Wink )



Cordialement,
Polien.

je sort ! JE NE SERAI PAS DISPONIBLE SUR LE FORUM DU 15/07/2017 AU 25/08/2017, PASSEZ PAR LES MP POUR ME CONTACTER Wink
BONNES VACANCES !


You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
Blackorion35
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 2558
Age : 26
Localisation : Rouen
Emploi/loisirs : Dirigeant société informatique déclaré/Informaticien au CNED
Humeur : En forme !
Date d'inscription : 19/03/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par Blackorion35 le Ven 7 Fév 2014 - 19:18

Excellentissime ! bravo pour ce merveilleux tutoriel pour les débutants Wink +1



Le site officiel de notre société : http://algostep-company.fr
Notre WebOS "Rynna" en développement : http://rynnawebos.fr/login
Le WebOS "Zator" conçu pour le forum et ses membres dispo en test ici :
http://algostep-company.fr/WebOS-Zator-Test1/
---------------------------------------------------------
avatar
polien


Masculin Nombre de messages : 2853
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Dessiner son interface

Message par polien le Ven 7 Fév 2014 - 19:22

merci ^^



Cordialement,
Polien.

je sort ! JE NE SERAI PAS DISPONIBLE SUR LE FORUM DU 15/07/2017 AU 25/08/2017, PASSEZ PAR LES MP POUR ME CONTACTER Wink
BONNES VACANCES !


You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
Jeremy60800

Gagnant or au concours SZ2014
Gagnant or au concours SZ2014

Masculin Nombre de messages : 918
Age : 16
Emploi/loisirs : Programmation avec SZ / Modding Minecraft / Youtubeur
Humeur : Cool !
Date d'inscription : 08/08/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par Jeremy60800 le Sam 8 Fév 2014 - 10:53

Bonjour ,

Super cool le tutoriel ! 

Cordialement



Arrow Venez voir mon site : InformatiqueBlog™
Arrow InformatiqueBlog™ Minecraft : InformatiqueBlog™ - Minecraft
@ Mon contact "pro" : informatiqueblog@gmx.fr
@ Mon twitter : @jeremy60800  / Twitter
@ Twitter d'InformatiqueBlog™ : @InformatiqueDev / Twitter
Idea Mes logiciels : TexteNote , VerifWindowsMineServ Creator
avatar
polien


Masculin Nombre de messages : 2853
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Dessiner son interface

Message par polien le Sam 8 Fév 2014 - 11:03

Bonjour,

merci Wink n'hésitez pas à poster des suggestions de tuto Smile



Cordialement,
Polien.

je sort ! JE NE SERAI PAS DISPONIBLE SUR LE FORUM DU 15/07/2017 AU 25/08/2017, PASSEZ PAR LES MP POUR ME CONTACTER Wink
BONNES VACANCES !


You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
fandeonepiece2
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 1804
Age : 16
Localisation : chez moi
Emploi/loisirs : Programmation H24
Humeur : massacrante... si je n'ai pas ma dose journalière de programmation
Date d'inscription : 14/09/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par fandeonepiece2 le Sam 8 Fév 2014 - 11:33

bonjour,
en idée de tuto :
apprendre a redimensionner automatiquement les contrôles quand la fenêtre est redimensionné
cordialement



(ಠ_ಠ)


http://openclassrooms.com/forum/sujet/regie-publicitaire-drozor
avatar
polien


Masculin Nombre de messages : 2853
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Dessiner son interface

Message par polien le Sam 8 Fév 2014 - 11:48

bonjour,

@fandeonepiece: traiter des propriétés de bases donc (dock et anchor pour ton exemple)... s'est une bonne idée, merci Wink



Cordialement,
Polien.

je sort ! JE NE SERAI PAS DISPONIBLE SUR LE FORUM DU 15/07/2017 AU 25/08/2017, PASSEZ PAR LES MP POUR ME CONTACTER Wink
BONNES VACANCES !


You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
fandeonepiece2
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 1804
Age : 16
Localisation : chez moi
Emploi/loisirs : Programmation H24
Humeur : massacrante... si je n'ai pas ma dose journalière de programmation
Date d'inscription : 14/09/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par fandeonepiece2 le Sam 8 Fév 2014 - 12:02

de rien



(ಠ_ಠ)


http://openclassrooms.com/forum/sujet/regie-publicitaire-drozor
avatar
Jeremy60800

Gagnant or au concours SZ2014
Gagnant or au concours SZ2014

Masculin Nombre de messages : 918
Age : 16
Emploi/loisirs : Programmation avec SZ / Modding Minecraft / Youtubeur
Humeur : Cool !
Date d'inscription : 08/08/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par Jeremy60800 le Sam 8 Fév 2014 - 14:10

re ,

C'est vrai que cela servirais a beaucoup , même si je sais les utilisés , j'aimerais bien ce tutos !

Cordialement ,



Arrow Venez voir mon site : InformatiqueBlog™
Arrow InformatiqueBlog™ Minecraft : InformatiqueBlog™ - Minecraft
@ Mon contact "pro" : informatiqueblog@gmx.fr
@ Mon twitter : @jeremy60800  / Twitter
@ Twitter d'InformatiqueBlog™ : @InformatiqueDev / Twitter
Idea Mes logiciels : TexteNote , VerifWindowsMineServ Creator
avatar
lereparateurdepc


Masculin Nombre de messages : 5503
Age : 24
Localisation : Calvados
Emploi/loisirs : Electrotechnicien / électricité, HAUTE TENSION, électronique, informatique, automatisme , Arduino, bref le BRICOLAGE , ...
Humeur : toujours cool
Date d'inscription : 31/01/2010

Re: [TUTO de A à Z] Dessiner son interface

Message par lereparateurdepc le Sam 8 Fév 2014 - 14:23

re,

Blackorion35 est un peut radin .... +1 c'est pas beaucoup Smile

Pour ma part, +100 Smile.

Polien, ne t'arrête pas, tu est sur la bonne voie du rédacteur officiel de tuto Smile

Cordialement,
Le réparateur de PC



Modérateur & Administrateur du forum
Merci de contacter les membres par MP ou mail que pour "urgences". Le forum est fait pour ça. Merci

@ Contact : franleboss@gmail.com  Smile
Arrow  Visitez mon site : désolé l'hébergeur à fermé Sad

Ma chaine tutube : https://www.youtube.com/channel/UC7iU59NNAHz-tW5wqcgONHA


avatar
fandeonepiece2
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 1804
Age : 16
Localisation : chez moi
Emploi/loisirs : Programmation H24
Humeur : massacrante... si je n'ai pas ma dose journalière de programmation
Date d'inscription : 14/09/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par fandeonepiece2 le Sam 8 Fév 2014 - 14:29

bonjour,
c'est vrai que tu sort un super tuto chaque week-end quasiment
cordialement



(ಠ_ಠ)


http://openclassrooms.com/forum/sujet/regie-publicitaire-drozor
avatar
polien


Masculin Nombre de messages : 2853
Age : 20
Localisation : Bouches du Rhones
Emploi/loisirs : velo, informatique, électronique, robotique, modélisme feroviaire
Humeur : Je commence tout mais ne finit rien :P
Date d'inscription : 19/05/2011

Re: [TUTO de A à Z] Dessiner son interface

Message par polien le Sam 8 Fév 2014 - 14:54

@lereparateurdepc a écrit:re,

Blackorion35 est un peut radin .... +1 c'est pas beaucoup Smile

Pour ma part, +100 Smile.

Polien, ne t'arrête pas, tu est sur la bonne voie du rédacteur officiel de tuto Smile

Cordialement,
Le réparateur de PC

merci \\ ^o^ //
d'ailleurs je propose de faire un tuto sur les nouveautés de SZ4 (si Etienne est d'accord et veut bien me passer la démo Wink )

@fandeonepiece2 a écrit:bonjour,
c'est vrai que tu sort un super tuto chaque week-end quasiment
cordialement
merci, mais n'hésite pas à faire les tiens également Wink



Cordialement,
Polien.

je sort ! JE NE SERAI PAS DISPONIBLE SUR LE FORUM DU 15/07/2017 AU 25/08/2017, PASSEZ PAR LES MP POUR ME CONTACTER Wink
BONNES VACANCES !


You want to have an english help for Software Zator ? Let's try to read the first tutorial in english Wink : CLIC HERE
BESOINS D'UN TUTO? CONSULTER LE SOMMAIRE !

Débutez avec SZ avec les tutos en pdf !
avatar
fandeonepiece2
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 1804
Age : 16
Localisation : chez moi
Emploi/loisirs : Programmation H24
Humeur : massacrante... si je n'ai pas ma dose journalière de programmation
Date d'inscription : 14/09/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par fandeonepiece2 le Sam 8 Fév 2014 - 15:05

bonjour,
je manque un peu d'idées et surtout de temps, bien que je passe environ 7 H/jours devant mon PC
cordialement



(ಠ_ಠ)


http://openclassrooms.com/forum/sujet/regie-publicitaire-drozor
avatar
Softwarezatorman


Masculin Nombre de messages : 1237
Age : 17
Localisation : 76230 Bois-Guillaume
Emploi/loisirs : Code, musique, sport
Humeur : Toujours heureux évidemment!
Date d'inscription : 22/10/2011

Re: [TUTO de A à Z] Dessiner son interface

Message par Softwarezatorman le Sam 8 Fév 2014 - 17:51

Re,

manque de temps, mon c** Laughing. xDD
Sors nous un bon tuto fandeonepiece2, toi qui est maintenant "Connaisseur" xDDD

Cordialement,
Softewarzatorman



Modérateur de la section SoftwareZator

SoftwareZator ah... quel outil formidable Very Happy Very Happy Very Happy 
Créer des logiciels en toute simplicité...c'est merveilleux study
Quand quelque chose ne va pas scratch: Le forum est là! Smile



Vous êtes sur un forum et il y a des règles à respecter: éviter les doubles-post et ne pas utiliser le langage sms. Merci de votre compréhension.


N'hésitez surtout pas à faire des tutoriels pour les autres.
Merci Very Happy



Venez voir ma chaîne Youtube: ChriisX !

Mon instagram: _chrischr


Bonjour Invité Smile
avatar
fandeonepiece2
Je suis là tous les jours
Je suis là tous les jours

Masculin Nombre de messages : 1804
Age : 16
Localisation : chez moi
Emploi/loisirs : Programmation H24
Humeur : massacrante... si je n'ai pas ma dose journalière de programmation
Date d'inscription : 14/09/2013

Re: [TUTO de A à Z] Dessiner son interface

Message par fandeonepiece2 le Sam 8 Fév 2014 - 18:40

bonsoir,

Sur quoi ? je n'ai pas d'idée et l'idée que j'ai proposé à polien c'est parce que je ne sais pas trop bien le faire
cordialement



(ಠ_ಠ)


http://openclassrooms.com/forum/sujet/regie-publicitaire-drozor
avatar
lereparateurdepc


Masculin Nombre de messages : 5503
Age : 24
Localisation : Calvados
Emploi/loisirs : Electrotechnicien / électricité, HAUTE TENSION, électronique, informatique, automatisme , Arduino, bref le BRICOLAGE , ...
Humeur : toujours cool
Date d'inscription : 31/01/2010

Re: [TUTO de A à Z] Dessiner son interface

Message par lereparateurdepc le Sam 8 Fév 2014 - 19:45

re,

7H et bah je pourrais pas voilà pourquoi le BE n'est pas pour moi Smile .
Il faut que j'alterne entre PC et bricole sinon je deviens fou enfin plus que d'habitude Smile

Cordialement,
Le réparateur de PC



Modérateur & Administrateur du forum
Merci de contacter les membres par MP ou mail que pour "urgences". Le forum est fait pour ça. Merci

@ Contact : franleboss@gmail.com  Smile
Arrow  Visitez mon site : désolé l'hébergeur à fermé Sad

Ma chaine tutube : https://www.youtube.com/channel/UC7iU59NNAHz-tW5wqcgONHA



Contenu sponsorisé

Re: [TUTO de A à Z] Dessiner son interface

Message par Contenu sponsorisé


    La date/heure actuelle est Dim 20 Aoû 2017 - 15:28