Tutorial MetroFramework : UI de Windows 8 pour les applications Windows .NET

Discussion dans 'Programmation' créé par Sidradi, 10 Juillet 2014.

  1. Sidradi

    Sidradi Administrateur

    Hors Ligne
    Bonjour iHax ,

    Au cours de ce Tutorial , je vais vous expliquer comment ajouter MetroFramework à votre application.

    Dans Visual Studio, cliquez sur l'onglet : Outils (Tools) / NuGet Package Manager / Package Manager Console

    Screenshot_1.jpg

    Dans Package Manager Console, vous allez saisir :
    Code:
    Install-Package MetroFramework
    Puis cliquez sur la touche Entrée

    Screenshot_2.jpg

    Vous patientez environ 10-15 secondes, puis vous aurez normalement un fichier readme.txt.

    3.png

    La on à ajouter correctement MetroFramework à notre projet.
    Maintenant, vous allez faire un clique droit avec la souris puis cliquez sur : View Code ou F7 (avec le clavier ) puis Ajoutez la référence MetroFramework :
    Code:
    using MetroFramework.Forms; 
    Maintenant, vous allez le référencez à "public partial class MainWindow" :

    4.png

    De retour, vers la partie Design, vous aurez sa :

    5.png

    Foire aux Questions (FaQ):

    Question :

    • Comment obtenir les éléments MetroFramework dans la boite à outils ??
    Réponse :

    Dans votre boite à outils, vous allez faire un clique droit puis : Choisir les éléments (Choose Items ..)

    Screenshot_1.png

    Puis, l'onglet : .Net Framework Components, et cliquez sur Parcourir... (Browse...) :

    Screenshot_2.png

    Sélectionnez : MetroFramework.dll à partir du chemin
    Code:
    Visual Studio 20xx\{Votre Projet}\packages\MetroFramework.RunTime.1.2.0.3\lib\net40-Client

    puis cliquez sur Ouvrir (Open)

    Screenshot_3.png

    Patientez entre 5-10 secondes :

    Screenshot_4.png

    Une fois terminé, vous allez voir la liste les éléments MetroFramework :

    Screenshot_8.png

    Cliquez sur OK, maintenant il s'ajouteront tous à votre boite à outils

    Screenshot_9.png
    Question :
    • Comment changer le fond des Control Box (Maximiser, réduire & Fermer) dans le cas de ThemeDark ?
    JFb0nik.png
    Réponse :

    Ajoutez MetroStyleManager (à partir de la boite à outils ) à votre project !

    sB5C5GI.png

    Dans la boite des propriétés, modifiez :
    1. OwnerForm : Form1
    2. Style : Blue
    3. Theme : Dark
    GL7Ygki.png

    Ainsi le résultat final est :

    RbFzcug.png
    Ce sujet touche à sa fin .
    A très bientôt :neo:
     
  2. -DzM-

    -DzM- Ancien Staff

    Hors Ligne
    GG merci pour ce tutorial
     
  3. Tigge

    Tigge Ancien Staff

    Hors Ligne
    Bien expliquer Merci .
     
    Oxyde | Saturne apprécie ceci.
  4. Bartz

    Bartz Ancien Staff

    Hors Ligne
    GG Excellent Tutorial
     
  5. Decoy MoDz

    Decoy MoDz Premium

    Hors Ligne
  6. D3VOPS

    D3VOPS Membre

    Hors Ligne
    Merci pour cette explication ;)
     
  7. AcaModding

    AcaModding Membre

    Hors Ligne
    Salut a vous, Merci pour cette explication !
    Comment on fait pour afficher les MetroMessageBox ?
     
  8. YathorMods

    YathorMods Membre

    Hors Ligne
    Salut, peux tu m'aider a coder mon tool sur skype stp ?
     
  9. Modz-Eraz

    Modz-Eraz VIP

    Hors Ligne
  10. AllsaysZTK

    AllsaysZTK Membre

    Hors Ligne
    ah oui je chercher sa merci :)
     
  11. Usox

    Usox Premium

    Hors Ligne
    Bonsoir et merci pour ce tutorial je le connais déjà mais bon :ok:
     
  12. malbish68

    malbish68 Premium

    Hors Ligne
  13. WAREN YT

    WAREN YT Membre

    Hors Ligne
  14. XDream-Modz

    XDream-Modz Membre

    Hors Ligne
    Très utile pour nous merci
     
  15. bijou27

    bijou27 Membre

    Hors Ligne
    Yo merci pour cette grosse release
     
  16. DrkzMoDz

    DrkzMoDz Membre

    Hors Ligne
    Bonjour à tous, Merci :ok:
     
  17. Clxssified

    Clxssified VIP

    Hors Ligne
  18. AlTec Modding

    AlTec Modding Premium

    Hors Ligne
  19. KeeNz MoDz

    KeeNz MoDz Membre

    Hors Ligne

Partager cette page