Partager via


Mise en page fluide de style portail, exemple

Mise à jour : novembre 2007

Cet exemple montre une disposition de style de portail simple qui est implémentée avec un contrôle FlowLayoutPanel.

Pour plus d'informations sur l'utilisation des exemples, consultez les rubriques suivantes :

Note de sécurité :

Cet exemple de code est fourni pour illustrer un concept et ne doit pas être utilisé dans des applications ou des sites Web, car il peut ne pas illustrer les pratiques de programmation les plus sûres. Microsoft n'assume aucune responsabilité pour tout dommage indirect ou consécutif en cas d'utilisation de l'exemple de code à des fins autres que celles prévues.

Pour générer et exécuter l'exemple à partir de l'invite de commandes :

  1. À l'invite de commandes, accédez à l'emplacement où vous avez enregistré les fichiers d'exemple non compressés.

  2. Naviguez jusqu'à un des sous-répertoires spécifiques au langage, sous le répertoire PortalStyleFlowLayout.

  3. Tapez msbuild pour générer l'exemple à l'aide du fichier solution (.sln) fourni.

  4. Tapez cd PortalStyleFlowLayout\bin\Debug pour naviguer jusqu'à l'emplacement du fichier exécutable.

  5. Tapez PortalStyleFlowLayout.exe pour exécuter l'exemple.

Pour générer et exécuter cet exemple à l'aide de Visual Studio :

  1. Dans l'Explorateur Windows, accédez à l'emplacement où vous avez enregistré les fichiers d'exemple non compressés.

  2. Naviguez jusqu'à un des sous-répertoires spécifiques au langage, sous le répertoire PortalStyleFlowLayout.

  3. Double-cliquez sur le fichier solution (.sln) pour l'ouvrir dans Visual Studio.

  4. Dans Visual Studio, appuyez sur F5 pour générer et exécuter l'exemple.

Pour utiliser l'exemple PortalStyleFlowLayout :

  1. Cliquez sur le bouton Add New Element pour insérer un nouveau contrôle PortalElement. Répétez cette étape pour remplir le contrôle FlowLayoutPanel de quelques contrôles PortalElement.

  2. Redimensionnez le formulaire et observez dans quelle mesure le contrôle FlowLayoutPanel modifie la disposition des contrôles PortalElement.

  3. Cliquez sur le bouton Add Text dans l'un des contrôles PortalElement. Répétez cette étape pour développer le contrôle PortalElement. Notez le changement de disposition.

  4. Répétez l'étape 3 avec d'autres contrôles PortalElement. Notez le changement de disposition.

  5. Cliquez sur le bouton Clear Text dans l'un des contrôles PortalElement. Notez le changement de disposition.

  6. Cliquez sur le bouton Delete This Element dans l'un des contrôles PortalElement. Notez le changement de disposition.

Démonstrations

  • Comment le contrôle FlowLayoutPanel réagit au changement de taille de son contenu.

Voir aussi

Référence

Vue d'ensemble du contrôle FlowLayoutPanel

FlowLayoutPanel