[TUTO de A à Z] Dessiner son interface

Bonjour à tous

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é ), 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 SZ	Nom utilisé dans les fonctions	Apparence	Description	Propriété principale
Arborescence	treeview		Structure sous forme d'arbre	nodes
Barre de progression	progressbar		Pour connaitre l'avancement de quelque chose	value
Barre de route	trackbar		Pour sélectionner une proportion	value
Bouton	button		Pour valider quelque chose	text
Bouton radio	radiobutton		Pour faire un choix avec une seule réponse possible	checked
Calendrier	monthcalendar		Pour sélectionnez une date précise/un intervalle de temps	selectionrange (intervalle de temps)
Case à cocher	checkbox		Pour faire un choix avec plusieurs solutions possibles	checked
Etiquette	label		Pour afficher du texte	text
Grille de propriété	propertygrid		Pour afficher les propriété d'un objet/d'un contrôle	selectedobject
Hyperlien	linklabel		Pour lier un texte à une fonction	text
Liste d'élément	listbox		Structure sous forme de liste	items
Liste d'élément avancé	listview		Structure sous forme de lignes et de colonnes (= tableau)	items
Liste de case à cocher	checkedlistbox		Structure sous forme de liste de choix avec plusieurs sélections possibles	items
Liste déroulante	combobox		Zone de sélection multi choix déroulante	items
Navigateur web	webbrowser		Pour afficher une page/un élément internet (html, js, php, gif	url
Selecteur de date et heure	datetimepicker		Zone de sélection de date précise	value
Zone d'image	picturebox	(je vous interdit de vous moquer  )	Pour afficher une image	image
Zone de saisie numérique	numericupdown		Pour sélectionnez uniquement un nombre	value
Zone de texte	textbox		Pour rentrer du texte	text
Zone de texte enrichi	richtextbox		Pour 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é	maskedtextbox		Pour 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)
Groupe	groupbox		Pour regrouper un ensemble de contrôle sous une appellation	text
Panneau	panel		Pour regrouper un ensemble de contrôle	rien
Menu contextuel	contextmenustrip		Le menu qui s'affiche lors d'un clic droit	items
Barre d'outil	toolstrip		Explicite...	items
Info bulle	tooltip		Pour afficher un message temporel d'information sur un contrôle	tooltip sur tooltip(le numéro du tooltip désigné)
Menu	menustrip		Explicite	items
Panneau d'onglet	tabcontrol		Pour pouvoir mettre d'avantage de contrôles sans mettre une nouvelle fenêtre	tabpage
Boite de sélection de couleur	colordialog		Fenêtre construite pour sélectionner une couleur	color
Boite de sélection de dossier	folderbrowserdialog		Fenêtre construite pour sélectionner un dossier	selectedpath
Boite de sélection de fichier à enregistrer	savefiledialog		Fenêtre construite pour sélectionner un fichier à enregistrer	filename
Boite de sélection de fichier à ouvrir	openfiledialog		Fenêtre construite pour sélectionner un fichier à ouvrir	filename
Boite de sélection de police	fontdialog		Fenêtre construite pour sélectionner une police	font

Les images qui suivent montrent l'intégration de ses contrôles dans votre navigation de tout les jours


(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

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

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

bonjour,

merci fandeonepiece2 je corrige ça

bonsoir,
cool

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

cordialement

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

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

merci ^^

Bonjour ,

Super cool le tutoriel ! 

Cordialement

Bonjour,

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

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

bonjour,

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

de rien

re ,

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

Cordialement ,

re,

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

Pour ma part, +100 .

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

Cordialement,
Le réparateur de PC

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

lereparateurdepc a écrit:re,

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

Pour ma part, +100 .

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

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 )

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

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

Re,

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

Cordialement,
Softewarzatorman

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

re,

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

Cordialement,
Le réparateur de PC