[TUTO de A à Z] Anchor et Dock: des propriétés à connaitre pour une interface adaptative

Bonjour à tous   

Dans un précédent post, on m'avait demandé de faire un tuto sur la propriété qui permettait d'enlever les fenêtres d'erreurs de script d'un navigateur internet.
C'est donc, tout naturellement, que j'ai donc fait un tuto... sur une propriété qui n'a rien à voir. En fait vous trouverez "l'astuce" à la fin de ce tuto  avec quelques
autres propriétés qui sont souvent inconnues...

Alors pourquoi s'attarder sur ces 2 propriétés: Anchor et Dock? Eh bien pour que votre logiciel puisse passez de ça:



à ça:



En effet, par défaut, vos contrôles ne s'adaptent pas au redimensionnement de votre fenêtre.
Autrement dit quand vous agrandissez ou réduisez une fenêtre, tout les contrôles reste de la même taille.
Ce qui est assez gênant pour quelqu'un qui a un grand écran. (imaginez quelqu'un qui achète un château juste pour y installer
sa télé... s'est un peu la même chose )

• La propriété Dock
  

Comme illustré, la propriété dock aimante les bords du contrôles aux bords de la fenêtre SANS BORDURE (s'est important à retenir).
Le contrôle va s'adapter pour conserver la même largeur (dans le cas où la propriété Dock est sur haut ou bas  )
ou conserver la même hauteur (droite ou gauche). Il reste le Dock central:



Dans ce dernier cas, le contrôle va prendre l'intégralité de la fenêtre.
Allez, un petit récapitulatif  en image  :


La position des contrôles de l'image correspond à leur propriété Dock (la propriété Dock a la même disposition pour sélectionner la direction du dock)

On peut remarquer que, dans le cas où tout les contrôles ont un dock, il n'y a pas de 
contrôle "dominant": les contrôles sont "aimantés" à un bord mais peuvent ne pas toucher ce bord, ils s'adaptent à la disposition des dock existants, par exemple:


Les numéros correspondent à l'ordre dans lequel les contrôles ont étés insérés

• La propriété Anchor
  

La propriété Anchor est quasiment identique à la propriété Dock, à quelques petites différences:

La première, visibles sur cette capture d'écran, est que la propriété Anchor permet de conserver l'écart entre le contrôle et les bords de la fenêtre désignés dans
les propriétés. Ici par exemple, le bouton conserve son écart entre le bord du bas, de droite, du haut.

Du coup, contrairement au dock, même si le bouton est situé à gauche mais que sa propriété Anchor agît sur la droite,
alors le bouton suivra la direction de l'agrandissement de la fenêtre (à droite). S'est un ancrage (comme l'indique
le nom de la propriété  ).
La deuxième différence vient du fait que l'on ne peut pas ancrer un bouton au milieu (tout simplement parce que s'est ce qu'il se passe
quand on sélectionne les 4 directions à la fois (gauche, droite, haut, bas).

Les propriétés HS:


webrowser, la propriété ScriptErrorSupressed:



Énervant, non?
En fait cette erreur est due au moteur web lui même (au webrowser donc), le problème est que ce moteur mit à disposition des programmateurs
n'est autre que le moteur qu'utilise le très célèbre Internet Explorer . S'est un moteur peut tolérant aux erreurs de synthaxe (même si ça s'améliore...).

Bref, pour contrer ce problème, il suffit de passer à True la propriété ScriptErrorSupressed, le contrôle n'affichera alors plus les erreurs de script, tadammmmm:


NB: nan, je ne suis pas financé par laposte

webrowser, la propriété Url:

Vous la connaissiez? mais saviez vous que l'on peut utiliser un webrowser comme explorateur de fichier:

comme vous le voyez, il suffit de mettre file:/// + le chemin de vôtre dossier/fichier

richtextbox, les propriétés txt et rtf:

Faisons une petite expérience:

Comme vous pouvez le voir, la propriété text permet d'enregistrer le texte... mais pas sa mise en forme (coloré, souligné...)
Ainsi, la propriété rtf permet de conserver le texte et là mise en forme


Voila, cet ensemble de petits rappels est terminé,
Merci de m'avoir lut  et à la prochaine !

re,

Comme d'hab, rien à dire, c'est parfait.

Sympas le coup du WebBrewser explorateur de fichier

Cordialement,
Le réparateur de PC

bonjour,
en effet je ne savais pas non plus, je dev actuellement un moteur Web (fin j'essaye)
cordialement

re,

merci
prochain tuto: Quelques algorithmes de bases

Re,

superbe comme d'habitude
Je vais sûrement faire un tuto bientôt mais je sais pas quoi  
je vais réfléchir

Cordialement,
Softewarzatorman

@softwarezatorman: merci , quand ton tuto sera près, si tu pouvait me passer le lien pour que je l'ajoute au sommaire

Re,

ok ok

Cordialement,
Softewarzatorman

Superbe tutoriel Polien comme d'habitude  
Et merci pour l'astuce du webbrowser que je ne connaissait point

re,

L'histoire du file:/// je connaissais sous VLC mais je n'ai pas tilté que le plugin actuel de VLC
est dédié au web .......

Cordialement,
Le réparateur de PC

Blackorion35 a écrit:Superbe tutoriel Polien comme d'habitude  
Et merci pour l'astuce du webbrowser que je ne connaissait point

merci également
pour l'astuce du webrowser, je l'ai découvert quand j'était petit où je m'amusai à collectionner les images gif,
j'avais remarqué cette différence dans la barre d'url en ouvrant les gif avec mon navigateur

Bonjour ,

Super tutoriel , rien à dire !
Comme le disent les autres , en effet , super le coup du WebBrowser explorateur de fichier

Bref super !

Cordialement

bonjour jeremy

merci

Re ,

De rien , c'est bien car cela m'aide beaucoup dans mes logiciels !

Cordialement ,

re,

n'hésite pas à me suggérer des idées de prochains tutos

Re ,


D'accord si j'ai des idées or là ce n'est pas le cas  

Cordialement ,