Home

Introduction aux Contrôles de Propriétés

 

Déplacement d'un Contrôle

 

Introduction

Lorsque vous ajoutez un contrôle à un formulaire, il prend une position en fonction de l'endroit où la souris a débarqué lorsque vous avez cliqué sur l'écran. La plupart du temps, cette position ne sera pas pratique. Le déplacement de la commande consiste à spécifier sa position en modifiant ses valeurs précédentes de gauche et d'en haut. Vous pouvez faire cela soit graphiquement ou par programmation.

Pour déplacer un contrôle graphique :

  • Positionnez la souris sur le contrôle jusqu'à ce que le curseur se transforme en une croix :  

    Puis cliquez et faites glisser à gauche, à droite, en haut ou en bas, jusqu'à ce que vous arriviez à l'emplacement souhaité
  • Cliquez (une fois) sur le contrôle pour le sélectionner. à l'aide de votre clavier, appuyez sur la touche gauche, haut, droite ou les touches flèche vers le bas pour déplacer le contrôle jusqu'à ce que vous obteniez la position souhaitée.

Les Diverses options de déplacement

Vous pouvez également déplacer les divers contrôles en même temps. Pour le faire, sélectionnez d'abord les contrôles :

  • Positionnez la souris sur l'un des contrôles sélectionnés :  

    Puis cliquez et faites glisser à gauche, à droite, vers le bas ou en diagonale, jusqu'à ce que vous obteniez la position souhaitée

  • Appuyez sur la gauche, le haut, la droite ou les touches flèche vers le bas pour déplacer le contrôle jusqu'à ce que vous obteniez la position souhaitée

Le Verrouillage d'un Contôle

Après avoir ajouté un contrôle à un formulaire, vous pouvez déplacer le contrôle pour changer sa position, comme nous le verrons dans les prochaines sections. Dans la leçon qui va suivre, nous apprendrons comment vous pouvez modifier la taille d'un contrôle. La disponibilité de ces deux opérations est contrôlée par une propriété booléenne nommée Locked. La valeur par défaut de cette propriété a la valeur false. Par conséquent, pour éviter le contrôle déplacé ou redimensionné, accédez à sa fenêtre et définissez la propriété Locked sur True.

L'Alignement d'un Contrôle

 

Introduction

Microsoft Visual Studio 2010 offre plusieurs outils pour vous aider à aligner vos contrôles sur un formulaire. Tout d'abord, vous pouvez ajouter un contrôle à un formulaire et placez le contrôle comme vous le souhaitez. Voici un exemple :

Form

Une fois que vous avez un contrôle sur votre formulaire, vous pouvez ajouter un autre contrôle, comme nous l'avons vu dans la leçon précédente. Pour positionner l'autre contrôle, vous pouvez utiliser le précédent comme référence. Pour vous aider à cela, lorsque vous déplacez le nouveau contrôle, positionnez-le, une ligne verticale directeur vous montrera l'alignement à suivre quant à un contrôle existant. Voici un exemple :

Form

Avec cette approche, une fois que le contrôle est correctement aligné, vous pouvez relâcher la souris. Comme autre technique, après le positionnement d'un ou de quelques contrôles, pour aligner un contrôle en référence à un autre, appuyez et maintenez les touches Ctrl. Puis appuyez sur la touche flèche gauche, haut ou droite. Lorsque vous appuyez sur l'une de ces clés, le contrôle demandera de s'aligner sur le contrôle suivant dans cette direction. Une fois que l'alignement est à votre convenance, relâchez Ctrl.

Il existe diverses autres techniques que vous pouvez utiliser pour aligner les contrôles. Nous allons les examiner plus tard.

Le Centrage du contrôle vers le centre du formulaire

Si vous avez un certain contrôle sur le formulaire et que vous souhaitez le positionner précisément à égale distance entre la gauche et les bordures droites de l'écran, sélectionnez le contrôle, puis cliquez sur le bouton Centrer horizontalement sur la barre d'outils Mise en page Center Horizontally:

Form Design

=>

Form Design

L'Alignement horizontal

L'Alignement horizontal affecte les contrôles dont la distance de la bordure gauche du parent est la même. Pour effectuer ce type d'alignement, la barre d'outils de mise en page fournit les boutons nécessaires. Les mêmes actions peuvent être effectuées à l'aide d'éléments de menu du groupe format dans le menu principal. Les options sont les suivantes :

Bouton

Nom

Menu Format

Description

Align Lefts

Aligner les gauches

Aligner - > gauches

Tous les contrôles sélectionnés auront leur bordure gauche qui coïncide avec le bord gauche du contrôle de base

Align Centers

Aligner les centres

Aligner - > centres

Les poignées du milieu des contrôles sélectionnés coïncideront avec les poignées du milieu du contrôle de base

Align Rights

Aligner les droites

Aligner - > droits

Tous les contrôles sélectionnés auront leur bordure droite qui coïncide avec la bordure droite du contrôle de base

L'Alignement Vertical

Comme vu plus haut, les boutons orientés sur l'horizontale permettent de déplacer les contrôles gauche ou droite. Une autre option que vous avez se compose de déplacer les contrôles vers le haut ou vers le bas pour un meilleur alignement. Encore une fois vous devez d'abord sélectionner les contrôles. Puis, sur la barre d'outils de mise en page ou le groupe de format du menu principal, utilisez les options suivantes :

Bouton

Nom

Menu Format

Description

Align Tops

Aligner en direct !

Aligner -> en direct !

Tous les contrôles sélectionnés auront leur bordure supérieure et coïncident avec la bordure supérieure du contrôle de base mais leur bordure gauche aurait la même distance avec la bordure gauche du parent

Align Middles

Aligner les milieux

Aligner -> milieux

Les poignées supérieures des contrôles sélectionnés seront alignées verticalement avec la poignée supérieure du contrôle base

Align Bottoms

Aligner Bottoms

Aligner -> Bottoms

Tous les contrôles sélectionnés auront leur bordure inférieure qui coïncide avec la bordure inférieure du contrôle de base mais leur bordure gauche aurait la même distance avec la bordure gauche du parent

Une autre option précieuse que vous avez se compose de contrôler l'alignement des objets ayant trait aux frontières extrêmes des contrôles du groupe sélectionné.

Le Centrage du Contrôle Vers le Milieu du Formulaire

Vous pouvez également positionner un ou plusieurs contrôles au milieu de l'écran. Pour le faire, sélectionnez le contrôle, puis cliquez sur le bouton Centrer verticalement sur la barre d'outils de mise en page Center Vertically:

Control Centering =>

Espacement Horizontal et Alignement

Supposons que vous avez un groupe de contrôles alignés horizontalement comme suit :

Evidemment, les boutons de cet écran n'apprécient pas l'alignement professionnel. D'une part, la distance entre Continuer et les boutons Envoyer est plus longue que la distance entre l'envoi et les boutons Refuser. La barre d'outils de mise en page et le groupe de format du menu principal vous permettent d'indiquer un meilleur alignement horizontal des contrôles en ce qui concerne les uns et les autres. Les options disponibles sont :

Bouton

Nom

Format

Make Horizontal Spacing Equal

Rendre l'espacement horizontal égal

Espacement horizontal - > Rendre égal

Résultat : le concepteur de formulaires va calculer les distances horizontales qui séparent chaque combinaison de deux contrôles et trouver leur moyenne. Cette moyenne est appliquée à la distance horizontale de chaque combinaison de deux contrôles :

Le Contrôle de gauche est utilisé comme référence
Aligned Controls
 
Increase Horizontal Spacing

 

Bouton

Nom

Format

Increase Horizontal Spacing

Augmenter l'espacement horizontal

Espacement horizontal - > Augmenter

Résultat : le concepteur de formulaires déplacera chaque contrôle horizontalement, le contrôle de base (le contrôle qui a des carrés blancs), à l'exception d'une seule unité, éloignera le contrôle de base. Cela se fera chaque fois que vous cliquez sur le bouton augmenter l'espacement horizontal ou le format - > espacement horizontal - > augmentation de menu :

Le Contrôle de gauche est utilisé comme référence

Selected Controls - Left Reference

=>

Increase Horizontal Spacing

Le contrôle du milieu est utilisé comme référence

Selected Controls - Center Rerefence

=>

Le contrôle de droit est utilisé comme référence

Selected Controls - Right Reference

=>

 

Bouton

Nom

Format

Decrease Horizontal Spacing

Diminuer l'espacement horizontal

Espacement horizontal - > réduire

Résultat : le concepteur de formulaires déplacera chaque contrôle horizontalement, à l'exception du contrôle de base (le contrôle qui a les poignées les plus sombres) par une unité vers le contrôle de base. Cela se fera chaque fois que vous cliquez sur le bouton réduire l'espacement horizontal ou le format - > espacement horizontal - > diminuer l'élément de menu :

Le contrôle de gauche est utilisé comme référence

Selected Controls - Left Reference

=>

Le contrôle du milieu est utilisé comme référence

Selected Controls - Center Rerefence

=>

Le contrôle de droite est utilisé comme référence

Selected Controls - Right Reference

=>

Bouton

Nom

Format

Remove Horizontal Spacing

Supprimer l'espacement horizontal

Espacement horizontal - > supprimer

Résultat : le concepteur de formulaires déplace tous les contrôles (horizontalement), sauf pour le contrôle de gauche, vers la gauche pour que la bordure gauche d'un contrôle touche la bordure droite du contrôle suivant :

Le contrôle de gauche est utilisé comme référence

Selected Controls - Left Reference

=>

Remove Horizontal Spacing

 

L'Espacement et l'Alignement Vertical

Supposons que vous avez un groupe de contrôles horizontalement positionnés comme suit :

Les boutons de cet écran ne sont pas alignés professionnellement en ce qui concerne les uns aux autres. Une fois de plus, la barre d'outils de mise en page et le groupe de format du menu principal vous permettent d'indiquer un meilleur alignement vertical des contrôles par rapport à l'autre. Les options disponibles sont :

Bouton

Nom

Format

Make Vertical Spacing Equal

Rendre l'espacement vertical égal

Espacement vertical - > rendre égal

Résultat : le concepteur de formulaires va calculer les distances verticales totales qui séparent chaque combinaison de deux contrôles et trouver leur moyenne. Cette moyenne est appliquée à la distance verticale entre chaque combinaison de deux contrôles :

Le contrôle supérieur est utilisé comme référence

= >

 
Bouton

Nom

Format

Increase Vertical Spacing

Augmenter l'espacement vertical

Espacement vertical - > augmenter

Résultat : le concepteur de formulaires déplace chaque contrôle verticalement, sauf le contrôle de base (le contrôle qui a les poignées les plus sombres) par une unité éloignée du contrôle de base. Cela se fera chaque fois que vous cliquez sur le bouton augmenter l'espacement horizontal ou format - > espacement horizontal - > augmentation de menu :

Le contrôle supérieur est utilisé comme référence

Selected Control - Top Reference

= >

Increase Vertical Spacing

Le contrôle du milieu est utilisé comme référence

Selected Controls - Center Reference

= >

Le contrôle de bas est utilisé comme référence

Selected Controls - Bottom Reference

= >

Bouton

Nom

Format

Diminuer l'espacement vertical

Espacement vertical - > réduire

Résultat : le concepteur de formulaires déplacera chaque contrôle, à l'exception du contrôle de base (le contrôle qui a les poignées les plus sombres) par une unité vers le contrôle de base. Cela se fera chaque fois que vous cliquez sur le bouton réduire l'espacement horizontal ou le format - > espacement horizontal - > diminuer l'élément de menu :

Le contrôle supérieur est utilisé comme référence

Selected Control - Top Reference

= >

Le contrôle du milieu est utilisé comme référence

Selected Controls - Center Reference

= >

Le contrôle de bas est utilisé comme référence

Selected Controls - Bottom Reference

= >

 

Bouton Nom Format

Remove Horizontal Spacing

Supprimer l'espacement vertical

Espacement vertical - > supprimer

Résultat : le concepteur de formulaires déplace tous les contrôles verticalement, sauf pour le contrôle de haut, vers le haut pour que la bordure supérieure d'un contrôle touche la bordure inférieure du prochain contrôle vers le haut :

Le contrôle supérieur est utilisé comme référence

Selected Control - Top Reference

= >

Les accessoires pour la conception de contrôle : le panneau mise en page des flux

 

Introduction

Pour mieux vous aider avec la conception de l'application, le .NET Framework fournit le panneau de configuration du flux que vous pouvez utiliser au lieu de positionner manuellement vos contrôles horizontalement ou verticalement. Lorsqu'il est utilisé à l'horizontal, le panneau de mise en page des flux s'occupe d'aligner des contrôles afin que chacun d'entre eux ait la même distance de la bordure supérieure de leur conteneur. Bien entendu, cela doit se faire uniquement avec les contrôles qui appartiennent au même groupe (le même conteneur).

Le panneau mise en page de flux est représenté dans le .NET Framework par la classe FlowLayoutPanel et dans la boîte à outils par l'objet FlowLayoutPanel. Par conséquent, pour l'utiliser, cliquez dans la boîte à outils et ajoutez-le à votre formulaire. Le panneau mise en page de flux apparaît comme un objet rectangulaire en pointillé :

FlowLayoutPanel

Après la mise en ligne sur un formulaire, vous pouvez lui ajouter des contrôles. Pour le faire, vous cliquez sur un contrôle à partir de la boîte à outils et cliquez dans le panneau mise en page de flux. Lorsque vous ajoutez le premier contrôle, il est placé en haut du côté gauche du conteneur et vous ne pouvez pas le déplacer vers un autre emplacement (si cela était le cas il tromperait le but du panneau de configuration du flux) :

Lorsque vous ajoutez un deuxième contrôle vers le panneau mise en page de flux, il est placé sur le côté droit du contrôle ajouté précédemment avec le même alignement horizontal. Vous pouvez continuer d'ajouter d'autres contrôles. Si vous souhaitez que les contrôles soient alignés verticalement, redimensionnez le panneau mise en page de flux en conséquence :

flow layout panel

Au lieu d' aligner horizontalement les contrôles, vous pouvez les placer verticalement. Pour le faire, vous pouvez affiner le panneau de mise en page de flux mais il augmente :

Instead of aligning controls horizontally, you may want to position them vertically. To do this, you can narrow the flow layout panel but heighten it

De la même façon, si le panneau de mise en page de flux est étroit et les contrôles sont positionnés verticalement, si vous l'agrandissez, son contrôle sera placé horizontalement. Comme vous pouvez le voir, le panneau mise en page de flux fournit un moyen pratique de l'alignement des contrôles.

Caractéristiques du groupe de mise en page de flux

Nous avons mentionné que lorsque vous ajoutez le premier contrôle à un panneau de mise en page de flux, le contrôle est placé dans la section du haut-gauche du conteneur et les contrôles ajoutés par la suite pourraient être placés sur le côté droit, ou en dessous du contrôle précédent. C'est le comportement par défaut et il est appelé de gauche à droite. Vous pouvez modifier cet aspect. En fonction de vos intentions de conception, vous pouvez les contrôler pour être placés de droite à gauche. Cette caractéristique est contrôlée par la propriété FlowDirection, qui est une énumération. La valeur par défaut de cette propriété est LeftToRight. Si vous réglez à RightToLeft, le premier contrôle sera ajouté à la section coin supérieur droit du conteneur, les autres contrôles seront progressivement placés à gauche de la sélection précédente.

Comme mentionné ci-dessus, après l'ajout d'un panneau de mise en page de flux à un formulaire, si vous ajoutez un contrôle, le contrôle est placé dans la section du haut-gauche. Si vous ajoutez un deuxième contrôle, il est placé sur le côté droit du contrôle précédent. Ce serait la même chose avec les autres contrôles ultérieurs. Si vous ajoutez un contrôle, mais il n'y a pas de place sur le côté droit, le contrôle pourrait être positionné sur la ligne suivante. Si vous redimensionnez le panneau de mise en page de flux, les contrôles pourraient être alignés verticalement. C'est le comportement par défaut et il est appelé conditionnement. Cela signifie que le panneau mise en page de flux a la possibilité d'emballer les contrôles à l'intérieur de sa zone cliente. Cette caractéristique est contrôlée en partie par une propriété booléenne nommée WrappingContents. Sa valeur par défaut est définie sur true. Cette propriété est contrôlée en relation avec la FlowDirection.

Accessoires pour la conception de contrôle : le panneau de mise en forme du tableau

 

Introduction

Lors de la conception de votre application, si vous avez un groupe de contrôles que vous souhaitez aligner horizontalement ou verticalement, vous pouvez utiliser le panneau mise en page de flux. Vous pouvez utiliser différentes lignes et colonnes de panneaux de mise en page de flux pour aligner les contrôles. Si vous faites cela, vous devrez alors aligner les panneaux de mise en page de flux et également vous assurer que leurs contrôles sont alignés. En réalité, le panneau mise en page de flux est un accessoire précieux pour la conception de contrôle, mais il ne peut pas aligner efficacement les différents types de contrôles. Pour aider à un autre type de problème, vous pouvez utiliser le panneau de mise en forme du tableau.

Le panneau de disposition de table est représenté dans le .NET Framework par la classe TableLayoutPanel et dans la boîte à outils par le contrôle TableLayoutPanel. Pour l'utiliser au moment du design de la boîte à outils, cliquez sur le bouton TableLayoutPanel et cliquez sur le formulaire. Lorsqu'il a été ajouté, il présente une table en pointillé de quatre cellules :

When it has been added, the table layout panel presents a dotted rectangle made of four cells

Pour utiliser le panneau de disposition de table comme un objet d'étude, vous pouvez cliquer sur un contrôle à partir de la boîte à outils et cliquez sur une cellule du tableau. Le contrôle pourrait être ajouté à cette cellule. Pour ajouter un autre contrôle à l'application, vous pouvez cliquer sur la boîte à outils et cliquez sur une autre cellule :

To use the table layout panel as a design object, you can click a control from the Toolbox and click a cell in the table. The control would be added to that cell. To add another control to the application, you can click it from the Toolbox and click another cell

Caractéristiques d'un schéma de table

Vous ne pouvez pas ajouter un contrôle à une cellule si cette cellule contient déjà un contrôle. Si vous souhaitez ajouter plus de contrôles que de cellules dans le panneau disposition de table, vous pouvez ajouter de nouvelles cellules. Pour le faire, sélectionnez d'abord le panneau disposition de table de l'écran :

  • Pour ajouter une nouvelle colonne, sous la fenêtre Propriétés, vous pouvez cliquer sur Ajouter une colonne
  • Pour ajouter une ligne, sous la fenêtre Propriétés, vous pouvez cliquer sur Ajouter ligne
  • Pour ajouter plusieurs colonnes ou plus d'une ligne, dans la fenêtre Propriétés, cliquez sur les colonnes ou lignes et cliquez sur son bouton de sélection. Ceci ouvrirait la boîte de dialogue Style de ligne et de colonne

    Column and Row Styles

     
    Pour ajouter une colonne, dans la zone de liste déroulante Afficher, sélectionnez les colonnes, puis cliquez sur Ajouter. Pour ajouter une ligne, dans la zone de liste déroulante Afficher, sélectionnez les lignes et cliquez sur Ajouter. Après l'utilisation de la boîte de dialogue, vous pouvez cliquer sur OK

Outre la possibilité d'aligner les contrôles, le panneau de disposition de table fournit diverses caractéristiques esthétiques , telles que la couleur d'arrière-plan de la table, différents styles pour les lignes de démarcation des cellules, etc..

Identification de contrôle

 

Introduction

La plupart des contrôles que vous utiliserez pour créer vos applications sont définies dans le .NET Framework et chacun est basé sur une classe particulière. Pour leur fournir des caractéristiques communes et de base, tous les contrôles visuels de Windows du .NET Framework sont basés sur une classe appelée contrôle qui est disponible dans l'espace de noms System.Windows.Forms de l'assemblage de System.Windows.Forms.dll. Sur cette base, les caractéristiques communes aux contrôles graphiques du .NET Framework sont accessibles et gérés à partir d'un point, puis hérités par ces contrôles.

Comme vous devez savoir de votre apprentissage c# afin d'utiliser une variable dans votre application, vous devez déclarer une variable pour elle et, lorsque vous déclarez une variable, vous devez lui donner un nom. Cette règle s'applique également aux contrôles de Windows que vous utiliserez dans votre application. Basé sur ce sujet et comme vu dans la leçon précédente, vous pouvez par programmation créer un contrôle par la déclaration d'une variable et donnez un nom à cette variable.

 Column and Row Styles

ApplicationApplication : Présentation des caractéristiques des contrôles

  1. Démarrez Microsoft Visual c#
  2. Créez une Application Windows nommée Rectangle1
  3. Sur la boîte à outils, cliquez sur le bouton Masquer Auto Auto Hide
  4. Sur la boîte à outils, cliquez sur le libellé et cliquez sur le formulaire (pas besoin de précision)
  5. Sur la boîte à outils, cliquez à nouveau sur le libellé et cliquez sur une zone vide du formulaire (pas besoin de précision)
  6. Une fois de plus, sur le panneau Outils, cliquez sur le libellé et cliquez sur une zone libre de l'écran (pas besoin de précision)
  7. Une fois de plus, sur le panneau Outils, cliquez sur le libellé et cliquez sur une zone libre de l'écran (pas besoin de précision)

Noms du Contrôle

Pour créer un contrôle, le principal élément d'information que vous devez fournir est son nom. Cela vous permet et au compilateur de savoir à quel contrôle vous faites référence lorsque le programme est en cours d'exécution. Spécifier le nom d'un contrôle peut dépendre de la technique que vous décidez d'utiliser pour créer le contrôle.

Après l'ajout d'un contrôle à un formulaire, il reçoit automatiquement un nom. Dans la fenêtre Propriétés, le nom control†™ s s'affiche dans le champ (Name).


Author Note

La propriété Name est entre parenthèses afin que, puisqu'elle est la propriété la plus régulièrement utilisée, si vous organisez par ordre alphabétique les noms des propriétés dans la fenêtre Propriétés, la propriété de (nom) sera en haut. Cela permettrait de vous retrouver facilement.

Le nom par défaut d'un contrôle nouvellement ajouté reflète le nom de son contrôle. Pour différencier les contrôles nouvellement ajoutés de la même classe, la fenêtre ajoute un numéro incrémentiel. Par exemple, si vous cliquez sur le bouton de contrôle TextBox sur la boîte à outils, puis cliquez sur le formulaire, le contrôle pourrait être nommé TextBox1. Si vous ajoutez un deuxième contrôle TextBox, il serait nommé TextBox2. Dans ce cas, les noms par défaut seraient incrémentiels. Comme un programme se compose généralement de nombreux contrôles, c'est généralement une bonne idée de renommer vos contrôles et de leur donner des noms significatifs et conviviales. Le nom doit vous aider à identifier à quoi sert le bouton.

Pour modifier le nom d'un contrôle, dans la fenêtre Propriétés, cliquez sur le champ (Name), tapez le nom souhaité et appuyez sur Entrée.

Lorsque vous ajoutez un contrôle à un formulaire, le Concepteur Forms déclare une variable pour cela. Pour contenir les noms des contrôles sur un formulaire, Microsoft Visual Studio 2010 crée et associe un fichier supplémentaire à l'écran. Ce fichier est appelé Form_Name. Designer.cs et vous pouvez l'ouvrir dans l'Explorateur de solutions. Lorsque vous modifiez le nom d'un contrôle dans la fenêtre Propriétés, le studio modifie également ce nom dans le fichier de concepteur.

Après avoir créé un contrôle dans le Concepteur Forms, vous pouvez modifier son nom par programmation, mais vous devez éviter cela, sauf si vous avez une bonne raison de le faire. Pour modifier le nom d'un contrôle, utilisez la fenêtre Propriété lorsque vous cliquez sur le champ (nom) et tapez le nom souhaité. Si vous modifiez le nom d'un contrôle dans la fenêtre Propriétés, le studio effectue automatiquement les modifications nécessaires dans le fichier concepteur mais, si vous aviez utilisé le nom précédent dans votre code, vous devez actualiser manuellement votre code : le studio ne ferait pas cela pour vous.

Si vous créez un contrôle avec le code, après avoir déclaré sa variable et l'allocation de mémoire pour cela, vous pouvez accéder à sa propriété Name et attribuez-lui une chaîne comme nom. Le nom doit suivre les règles de noms de c#. Voici un exemple :

public class Exercise : Form
{
    private Button btnSubmit;
    
    private void InitializeComponent()
    {
        btnSubmit = new Button();
        btnSubmit.Name  = "Submit";

        this.Controls.Add(btnSubmit);
    }
}

Modifiez le nom d'un contrôle, accédez par programmation à sa propriété Name et affectez une chaîne, en utilisant les règles c# des noms de variables. Pour récupérer le nom d'un contrôle, accédez à sa propriété Name.

ApplicationApplication : Dénomination des contrôles

  1. Maintenez la touche Ctrl
  2. Sur la boîte à outils, cliquez sur TextBox
  3. Cliquez quatre fois sur la partie droite de l'écran.
  4. Sur la boîte à outils, cliquez sur pointeur
  5. Sur l'écran, cliquez sur zone de texte 1
  6. Dans la fenêtre Propriétés, cliquez sur (Name) et tapez txtLength
  7. Dans la zone supérieure de la fenêtre Propriétés, sélectionnez textBox2

    Properties Window: Control Selection

  8. Dans la fenêtre Propriétés, cliquez sur (nom) et tapez txtHeight
  9. De la même manière, sélectionnez textBox3 et modifiez son nom à txtPerimeter
  10. Sélectionnez textBox4 et modifiez son nom à txtArea
  11. Modifiez le texte de chaque zone de texte à 0,00

Handle d'un Contrôle

Jusqu'à 2002, les programmeurs Microsoft Windows ont reposé sur une bibliothèque appelée Win32 pour créer des applications pour le système d'exploitation. La bibliothèque de Win32 était la seule ressource de classes (structures en fait), fonctions, etc., qui a donné des instructions fonctionnelles pour le système d'exploitation. Les autres langues comme Pascal, Visual Basic, etc., ont utilisé directement ou indirectement ces ressources dans leur propre «dialecte» pour communiquer avec Microsoft Windows. La bibliothèque de Win32 est encore là (elle ne peut jamais disparaitre à moins que le système d'exploitation change complètement) et sert de plate-forme pour la programmation de Microsoft Windows. Pour harmoniser la programmation pour cette plate-forme, Microsoft a créé le .NET Framework comme une bibliothèque de substitution. Il s'agit de la bibliothèque utilisée dans l'environnement de programmation Microsoft Visual Studio .NET. La plupart des fonctionnalités de Win32 ont été redéfinies dans le .NET Framework. Les opérations ont été implémentées dans diverses bibliothèques ou assemblages. Certaines autres opérations, telles que celles relatives au registre, étaient conservées dans l'espace de noms Microsoft.Win32.

La bibliothèque de Win32 utilise un concept appelé poignée pour représenter chaque objet d'une demande. Une poignée de Win32 est simplement un entier non signé utilisé à la place d'un contrôle. Aussi, le nouveau Framework .NET utilise les poignées pour représenter en interne des contrôles mais définit une poignée comme un pointeur vers un entier. Sur cette base, chaque contrôle a une poignée. Vous avez le choix de l'utiliser ou non, mais elle existe. La poignée est créée par le système d'exploitation lorsque l'application s'affiche. Cela signifie que vous n'avez pas besoin de le créer, mais vous pouvez y accéder pour extraire sa valeur.

Pour accéder à la poignée pour un contrôle, vous pouvez appeler sa propriété handle. Dans le .NET Framework, la propriété handle est définie comme une valeur IntPtr. Pour récupérer le handle d'un contrôle, vous pouvez accéder à la propriété handle.

Les caractères textuels d'un contrôle

 

Introduction

Certains contrôles sont basés sur le texte, ce qui signifie qu'ils visent à afficher ou demandent parfois le texte de l'utilisateur. Pour ces contrôles, ce texte est appelé légende tandis que c'est simplement appelé texte pour certains autres contrôles. Cette propriété n'est pas disponible pour tous les contrôles.

Si un contrôle affiche le texte, donc il a une propriété appelée Text. Après l'ajout d'un tel contrôle à un formulaire, dans certains cas, son champ Text dans la fenêtre Propriétés tiendrait le même texte en son nom. Dans certains autres cas, la propriété Text serait vide.

Au moment du design, pour modifier le texte du contrôle, dans la fenêtre Propriétés, cliquez sur son champ Text et entrez la valeur souhaitée. Pour la plupart des contrôles, il n'y a pas de règles strictes à suivre pour ce texte. Par conséquent, il est de votre responsabilité de taper la valeur juste.

Le texte fourni dans un champ Text d'un contrôle basé sur le texte ne peut être défini comme “as is” au moment du design. Pour la programmation, spécifiez ou modifiez le texte d'un contrôle, attribuez une valeur à sa propriété Text.

Si vous souhaitez que le texte soit modifié pendant l'exécution de l'application, vous pouvez le formater. Par exemple, un tel contrôle peut afficher l'heure actuelle ou le nom de l'utilisateur qui est connecté. Ces attributs formats ne peuvent pas être définis au moment du design. Pour modifier le texte d'un contrôle basé sur le texte au moment de l'exécution, affectez une chaîne simple ou fournissez une chaîne formatée à la propriété Text. Voici un exemple :

public class Exercise : Form
{
    private Button btnSubmit;
    
    private void InitializeComponent()
    {
        btnSubmit = new Button();
        btnSubmit.Text  = "Submit";
        this.Controls.Add(btnSubmit);
    }
}

ApplicationApplication : Définition des options Text

  1. Sur l'écran, cliquez sur Label1
  2. Dans la fenêtre Propriétés, cliquez sur texte et tapez longueur :
  3. Sur l'écran, cliquez sur Label2 et tapez Hauteur :
  4. Sur l'écran, cliquez sur Label3 et tapez Perim :
  5. Sur l'écran, cliquez sur Label4 et tapez Area :
  6. Sur l'écran, cliquez sur Perim :
  7. Dans la fenêtre Propriétés, dans le champ de texte, cliquez entre m et : puis tapez eter pour produire le périmètre :
  8. Appuyez sur F5 pour tester le formulaire
  9. Fermez l'écran
  10. Dans le menu principal, cliquez sur fichier - > fermer la solution ou fichier - > fermer projet
  11. A la demande si vous souhaitez enregistrer, cliquez sur Ignorer

Le Redimensionnement automatique d'un contrôle

Dans la leçon précédente, nous avons vu comment vous pouvez modifier visuellement la taille d'un contrôle. En réalité, de nombreuses conditions préalables doivent être remplies, et de nombreuses options sont disponibles. Après l'ajout d'un contrôle à un formulaire, nous avons vu qu'il pourrait être entouré par 8 petits carrés en réalité, ce n'est pas vrai pour tous les contrôles.

Notez que certains contrôles, tels que l'étiquette, afficheront une poignée carrée. Certains autres contrôles, tels que la zone de texte, affichent les poignées carrées 2. Et puis certains contrôles affichent les poignées carrées 8 :

  • La présence du bouton carré unique indique que le contrôle peut uniquement être déplacé : il ne peut pas être redimensionné (à ce moment-là)
  • Outre la possibilité de le déplacer, la présence de seulement deux poignées carrées indique que le contrôle peut seulement être agrandi ou réduit : il ne peut pas être élargi ou réduit
  • La présence des 8 poignées carrées signifie que la taille du contrôle peut être modifiée dans toutes les 8 directions

De nombreux contrôles (pas tous), tels que le label , sont configurés pour changer leurs dimensions comme vous fournissez une chaîne à leur champ de texte dans la fenêtre Propriétés. Si vous tapez une longue chaîne, le contrôle serait assez grand pour afficher l'intégralité du texte. Certains autres contrôles, tels que le bouton , ne seront pas redimensionnés eux-mêmes si leur texte est trop long. Sur l'écran suivant, le bouton et l'étiquette a reçu le même texte, mais alors que l'étiquette indique la chaîne entière, le bouton peut uniquement afficher la longueur que sa largeur peut permettre :

La possibilité d'un contrôle d'agrandir l'image elle-même pour accueillir sa longueur est contrôlée par une propriété booléenne nommée AutoSize. Pour certains contrôles, la valeur par défaut de cette propriété est False. Pour certains autres contrôles, cette propriété est par défaut la valeur true. Par conséquent, utilisez cette propriété de contrôle si un contrôle sur le formulaire peut être redimensionné ou non.

Spécifiez l'option de redimensionnement automatique d'un contrôle, accédez par programmation à sa propriété AutoSize et attribuez-lui la valeur booléenne souhaitée. Voici un exemple :

public class Exercise : Form
{
   private Button btnSubmit;
   private void InitializeComponent()
   {
       btnSubmit = new Button();
       btnSubmit.Text = "Submit";
       btnSubmit.AutoSize  = true;
       Controls.Add(btnSubmit);
   }
}

L'emplacement d'un Contrôle

 

Introduction à la Location

Les contrôles ajoutés à une fenêtre parent sont limités à la zone du corps offert par cette fenêtre. Après l'avoir ajouté à une fenêtre, le contrôle est placé dans le corps du parent à l'aide d'un repère cartésien dont l'origine se trouve dans le coin supérieur gauche de la fenêtre parente. Si le parent est un formulaire, l'origine se trouve juste sous la barre de titre vers la gauche. Les mesures horizontales se déplacent depuis l'origine vers la droite. Les mesures verticales se déplacent depuis l'origine vers le bas.

Dans la leçon précédente, nous avons vu comment positionner un contrôle sur un formulaire. La position d'un contrôle sur un formulaire (ou conteneur) est appelée InstallationDesigner. L'emplacement est défini par deux valeurs :

  • La valeur horizontale d'un emplacement est la distance de la bordure gauche d'un formulaire (ou conteneur) à la bordure gauche d'un contrôle
  • La valeur verticale d'un emplacement est la distance de la bordure supérieure d'un formulaire (ou conteneur) à la bordure supérieure d'un contrôle

L'emplacement d'un contrôle Windows peut être illustré comme suit :

Location

L'emplacement d'un contrôle est spécifié par programmation à l'aide d'une structure appelée point. Pour identifier le concept d'un point, l'espace de noms System.Drawing fournit la structure point. La structure point est définie dans le System.Drawing.dll. Par conséquent, si vous souhaitez utiliser un objet point dans votre application, incluez cet assemblage dans votre application.

Après avoir ajouté la référence, vous pouvez accéder à l'objet de point. Une des propriétés de la structure point est X, qui représente la distance horizontale du point dans le coin supérieur gauche de l'objet auquel appartient le point. Une autre propriété Y, représente la mesure verticale du point quant à l'angle supérieur gauche de l'objet auquel appartient le point. Sur cette base, un objet point peut être représenté sur le système de coordonnées de Windows comme suit :

Representation of a Point

Pour visuellement spécifier l'emplacement d'un contrôle, accédez à sa fenêtre et utilisez le champ Location :

  • Vous pouvez saisir deux nombres séparés par une virgule.
  • Vous pouvez étendre le champ emplacement, cliquez sur X et entrez une valeur ; cliquez sur Y et entrez une valeur

Programmation de l'emplacement d'un contrôle

Vous pouvez par programmation spécifier l'emplacement d'un contrôle. Pour cela, chaque contrôle possède une propriété nommée emplacement. Pour vous aider à spécifier l'emplacement d'un contrôle, la classe point fournit un constructeur comme suit :

public Point(int x, int y);

Ce constructeur prend un arguments en haut et à gauche. Voici un exemple de définition par programmation de l'emplacement d'un contrôle :

using System;
using System.Drawing;
using System.Windows.Forms;

public class Exercise : Form
{
    private Button btnSubmit;
    private void InitializeComponent()
    {
        btnSubmit = new Button();
        btnSubmit.Text = "Submit";
        btnSubmit.Location  = new Point(100, 40);
        this.Controls.Add(btnSubmit);    
    }

    public Exercise()
    {
         InitializeComponent();
    }
}

public class Program
{
   static int Main()
   {
  	Application.Run(new Exercise());
  	return 0;
   }
}

Vous pouvez également utiliser un objet point existant et l'affectez à la propriété position du contrôle. Voici un exemple :

public class Exercise : Form
{
    private Button btnSubmit;
    private void InitializeComponent()
    {
  	btnSubmit = new Button();
  	
 	btnSubmit.Text = "Submit";
 	
        Point pt = new Point();
 	pt.X = 100;
 	pt.Y =  40;
 	btnSubmit.Location  = pt;
 	
        this.Controls.Add(btnSubmit);
    }
}

Vous pouvez également récupérer l'emplacement d'un contrôle et le stocker dans un objet point. Pour le faire, vous pouvez simplement attribuer la propriété position d'un contrôle à un objet point.

public class Exercise : Form
{
    private Button btnSubmit;

    private void InitializeComponent()
    {
  	btnSubmit = new Button();
  	btnSubmit.Text = "Submit";
  	btnSubmit.Location = new Point(100, 40);

     	Point  pt = btnSubmit.Location;
       Controls.Add(btnSubmit);
} }

Lorsque vous étudiez l'alignement de contrôle, nous avons vu que vous pouvez utiliser l'emplacement d'un contrôle comme une référence à la position d'un autre contrôle. Vous pouvez également le faire par programme en récupérant l'emplacement d'un contrôle et en modifiant ses valeurs X ou Y pour positionner le nouveau contrôle. Voici un exemple :

using System;
using System.Drawing;
using System.Windows.Forms;
public class Exercise : Form
{
    private Button btnSubmit;
    private TextBox txtEmployeeName;
  	 
    private void InitializeComponent()
    {
  	btnSubmit = new Button();
  	btnSubmit.Text = "Submit";
  	btnSubmit.Location = new Point(100, 40);
   	txtEmployeeName = new TextBox();
  	Point  pt = btnSubmit.Location;
     	txtEmployeeName.Location = new Point(pt.X, pt.Y + 32);
    	Controls.Add(btnSubmit);
  	Controls.Add(txtEmployeeName);
    }

   public Exercise()
   {
  	InitializeComponent();
   }
}

public class Program
{
   static int Main()
   {
  	Application.Run(new Exercise());
  	return 0;
   }
}

Cela donnerait :

La structure point fournit d'autres constructeurs, que vous pouvez utiliser pour l'emplacement d'un contrôle.

 
 
 
 

Précédente Copyright © 2009-2010, yevol.com Suivant