Partager via


Procédure pas - à - pas : créer une application de ruban à l'aide de MFC

Cette procédure pas - à - pas montre comment utiliser Assistant Application MFC pour créer une application qui a un ruban par défaut.Vous pouvez ensuite développer le ruban en ajoutant une catégorie ruban Personnalisée qui a un panneau de ruban Favoris , puis ajouter des commandes fréquemment utilisées dans le panneau.

Composants requis

Cette procédure pas - à - pas suppose que vous avez défini Visual Studio pour utiliser Paramètres de développement généraux.Si vous utilisez des paramètres, certains des éléments de l'interface utilisateur (UI) qui sont référencés dans l'instruction suivante ne peuvent pas être affichés.Pour plus d'informations sur la modification des paramètres, consultez Comment : réinitialiser vos paramètres.

Pour créer une application MFC comportant un ruban

  1. Utilisez Assistant Application MFC pour créer une application MFC comportant un ruban.Pour exécuter l'Assistant, dans le menu Fichier , pointez sur Nouveau, puis cliquez sur Projet.

  2. Dans la boîte de dialogue Nouveau projet , développez le nœud Visual C++ sous Modèles installés, sélectionnez MFC, puis sélectionnez Application MFC.Tapez un nom pour le projet, par exemple, MFCRibbonApp, puis cliquez sur OK.

  3. Sur la première page Assistant Application MFC, cliquez sur Suivant.

  4. Dans la page Type d'application , sous style visuel et couleurs, sélectionnez Office 2007 (thème bleu).Conservez les autres paramètres à mesure qu'ils sont.Cliquez sur Suivant.

  5. Dans la page Prise en charge de document composite , assurez -vous que Aucun est sélectionné puis cliquez sur Suivant.

  6. Dans la page propriétés de modèle de document , dans la zone Extension de fichier , tapez une extension de nom de fichier pour les documents que cette application, par exemple, mfcrbnapp.Cliquez sur Suivant.

  7. Dans la page prise en charge des bases de données , assurez -vous que Aucun est sélectionné puis cliquez sur Suivant.

  8. Dans la page fonctionnalités de l'interface utilisateur , assurez -vous qu' utilisez un ruban est sélectionné.Cliquez sur Suivant.

  9. Par défaut, Assistant Application MFC ajoute la prise en charge de plusieurs volets d'ancrage.Cette procédure pas - à - pas explique simplement sur le ruban, vous pouvez supprimer ces options de l'application.Dans la page Fonctionnalités avancées , désactivez les options.Cliquez sur Suivant.

  10. Dans la page classes générées , cliquez sur Terminer pour créer l'application MFC.

  11. Pour vérifier que l'application a été créée avec succès, le génère et l'exécute.Pour générer l'application, dans le menu Générer, cliquez sur Générer la solution.Si l'application est générée avec succès, exécutez -la en cliquant sur Démarrer le débogage dans le menu Débogage .

    L'Assistant crée automatiquement un ruban qui a une catégorie ruban nommée Home.Ce ruban contient trois panneaux de ruban, qui sont nommés Presse-papiers, Afficher, et Fenêtre.

Pour ajouter une catégorie et un panneau au ruban

  1. Pour ouvrir la ressource ruban que l'Assistant a créé, dans le menu Afficher , pointez sur Autres fenêtres puis cliquez sur Affichage des ressources.Dans Affichage des ressources, cliquez sur Ruban puis double-cliquez sur IDR_RIBBON.

  2. Tout d'abord, ajoutez une catégorie personnalisée au ruban en double-cliquant sur Category dans boîte à outils.

    Une catégorie qui a la légende Category1 est créée.Par défaut, la catégorie contient un panneau.

    Cliquez avec le bouton droit sur Category1 puis cliquez sur Propriétés.Dans la fenêtre Propriétés , modification légende à Personnalisée.

    Les propriétés Grandes images et Petites images spécifient les bitmaps utilisées comme icônes des éléments du ruban dans cette catégorie.Étant donné que créer des bitmaps personnalisées n'est pas traitée dans cette procédure pas - à - pas, réutilisez simplement les bitmaps créées par l'Assistant.Les petites bitmap sont de 16 pixels par 16 pixels.Pour les petites images, utilisez les bitmaps accessibles par l'ID de ressource de IDB_FILESMALLLes grandes bitmap sont de 32 pixels par 32 pixels.Pour les grandes images, utilisez les bitmaps accessibles par l'ID de ressource de IDB_FILELARGE

    [!REMARQUE]

    Sur les affichages élevés (HDPI) de points par pouce, les versions de HDPI les images sont automatiquement utilisées.

  3. Ensuite, personnalisez le panneau.Les panneaux sont utilisés pour grouper des éléments qui logiquement sont en rapport à les autres.Par exemple, sous l'onglet Home de cette application, Couper, Copier, les commandes et tous Coller sont situés dans le panneau Presse-papiers .Pour personnaliser le panneau, cliquez avec le bouton droit sur panel1 puis cliquez sur Propriétés.Dans la fenêtre Propriétés , modification légende à favoris.

    Vous pouvez spécifier index d'image pour le panneau.Ce nombre spécifie l'icône qui s'affiche si le panneau de ruban est ajouté à Barre d'outils Accès rapide.l'icône n'est pas affichée sur le panneau de ruban lui-même.

  4. Pour vérifier que la catégorie ruban et le panneau ont été créés avec succès, visualisez le contrôle du ruban.Sur Barre d'outils de l'éditeur de ruban, cliquez sur le bouton ruban de test .Un onglet Personnalisée et un panneau Favoris doivent être affichés sur le ruban.

Pour ajouter des éléments dans les panneaux de ruban

  1. Pour ajouter des éléments au panneau que vous avez créé dans la procédure précédente, le glisser-déplacer contrôle de la section d' éditeur de rubanboîte à outils dans le panneau en mode Design.

  2. Tout d'abord, ajoutez un bouton Imprimer .Le bouton Imprimer aura un sous-menu qui contient une commande copie rapide qui imprime à l'aide de l'imprimante par défaut.Les deux commandes sont déjà définies pour cette application.Elles se trouvent dans le menu d'application.

    Pour créer le bouton Imprimer , faites glisser un outil de bouton dans le panneau.

    Dans la fenêtre Propriétés , modifiez la propriété ID à ID_FILE_PRINT, qui doit déjà être défini.Modification légende à copie.Modification index d'image à 4.

    Pour créer le bouton copie rapide , cliquez sur la colonne valeur de la propriété en regard éléments de menu, puis cliquez sur le bouton de sélection (###…).Dans Éditeur d'éléments, cliquez sur le bouton sans étiquette Ajouter pour créer un élément de menu.Dans la fenêtre Propriétés , la modification légende à copie rapide, le ID à ID_FILE_PRINT_DIRECT, et le Image à 5.La propriété d'image spécifie l'icône rapide d'impression dans la ressource bitmap en IDB_FILESMALL.

  3. Pour vérifier que les boutons ont été ajoutés au panneau de ruban, générez l'application et l'exécutez.Pour générer l'application, dans le menu Générer, cliquez sur Générer la solution.Si l'application est générée avec succès, exécutez-la en cliquant sur le bouton Démarrer le débogage dans le menu Déboguer.Le bouton Imprimer et la zone de liste déroulante du panneau Favoris sous l'onglet Personnalisée sur le ruban à afficher.

Étapes suivantes

Comment : personnalisez la Barre d'outils Accès rapide

Comment : personnalisez la touche application

Pour obtenir des exemples de bout en bout, consultez l' Exemples (Feature Pack MFC).

Voir aussi

Concepts

Exemples (Feature Pack MFC)

Autres ressources

Procédures pas - à - pas (MFC)