Procédure pas à pas : création d'une application de ruban à l'aide de MFC

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

Prérequis

Cette procédure pas à pas suppose que vous avez défini Visual Studio pour utiliser le développement général Paramètres. Si vous utilisez des paramètres différents, certains éléments de l’interface utilisateur référencés dans les instructions suivantes peuvent ne pas s’afficher.

Pour créer une application MFC comportant un ruban

1. Utilisez l’Assistant Application MFC pour créer une application MFC qui a un ruban. Consultez la procédure pas à pas : utilisation des nouveaux contrôles Shell MFC pour obtenir des instructions sur l’ouverture de l’Assistant pour votre version de Visual Studio.

2. Définissez les options suivantes dans l’Assistant Application MFC :

   1. Dans la section Type d’application, sous Style visuel et couleurs, sélectionnez Bureau 2007 (thème bleu).

   2. Dans la section Prise en charge des documents composés, vérifiez qu’aucun n’est sélectionné.

   3. Dans la section Propriétés du modèle de document, dans la zone Extension de fichier, tapez une extension de nom de fichier pour les documents que cette application crée, par exemple , mfcrbnapp.

   4. Dans la section Prise en charge de la base de données (Visual Studio 2015 uniquement), vérifiez qu’aucun n’est sélectionné.

   5. Dans la section Fonctionnalités de l’interface utilisateur, vérifiez que l’option Utiliser un ruban est sélectionnée.

   6. Par défaut, l’Assistant Application MFC ajoute la prise en charge de plusieurs volets d’ancrage. Cette procédure pas à pas ne concernant que le ruban, vous pouvez supprimer ces options de l'application. Dans la section Fonctionnalités avancées , désactivez toutes les options.

3. Cliquez sur Terminer pour créer l’application MFC.

4. Pour vérifier que l'application a été créée avec succès, générez-la et exécutez-la. 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 avec une catégorie de ruban nommée Accueil. Ce ruban contient trois panneaux de ruban, nommés Presse-papiers, Affichage et Fenêtre.

Pour ajouter une catégorie et un volet au ruban

1. Pour ouvrir la ressource du ruban que l’Assistant a créée, dans le menu Affichage , pointez sur Autres Fenêtres , puis cliquez sur Affichage des ressources. Dans l’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 Catégorie dans la boîte à outils.

   Catégorie qui a la légende Category1 est créée. Par défaut, la catégorie contient un seul volet.

   Cliquez avec le bouton droit sur Catégorie1 , puis cliquez sur Propriétés. Dans la fenêtre Propriétés , remplacez Légende par Personnalisé.

   Les propriétés Images volumineuses et Petites Images spécifient les bitmaps utilisées comme icônes pour les éléments du ruban de cette catégorie. La création de bitmaps personnalisées n'entrant pas dans le cadre de cette procédure, réutilisez les bitmaps créées par l'Assistant. Les bitmaps de petite taille mesurent 16 pixels par 16 pixels. Pour les petites images, utilisez les bitmaps accessibles par l’ID de IDB_FILESMALL ressource. Les bitmaps de grande taille mesurent 32 pixels par 32 pixels. Pour les images volumineuses, utilisez les bitmaps accessibles par l’ID de IDB_FILELARGE ressource.

   Remarque

   Sur les écrans HDPI (high dots per inch), les versions HDPI des images sont automatiquement utilisées.

3. Il vous appartient maintenant de personnaliser le volet. Les volets sont utilisés pour regrouper des éléments qui sont liés de façon logique les uns aux autres. Par exemple, sous l’onglet Accueil de cette application, les commandes Couper, Copier et Coller se trouvent toutes 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 , remplacez Légende par Favoris.

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

4. Pour vérifier que le volet et la catégorie de ruban ont été correctement créés, affichez un aperçu du contrôle de ruban. Dans la barre d’outils éditeur de ruban, cliquez sur le bouton Tester le ruban. Un onglet personnalisé et un panneau Favoris doivent être affichés sur le ruban.

Pour ajouter des éléments aux volets de ruban

1. Pour ajouter des éléments au panneau que vous avez créé dans la procédure précédente, faites glisser des contrôles de la section Éditeur de ruban de la boîte à outils vers le panneau en mode Création.

2. Tout d’abord, ajoutez un bouton Imprimer . Le bouton Imprimer a un sous-menu qui contient une commande d’impression rapide qui s’imprime à l’aide de l’imprimante par défaut. Ces deux commandes sont déjà définies pour cette application. Ils se trouvent dans le menu de l’application.

   Pour créer le bouton Imprimer , faites glisser un outil Bouton vers le panneau.

   Dans la fenêtre Propriétés, remplacez la propriété ID par ID_FILE_PRINT, qui doit déjà être définie. Remplacez la légende par impression. Remplacez l’index d’image par 4.

   Pour créer le bouton Impression rapide, cliquez sur la colonne valeur de propriété en regard des éléments de menu, puis sur les points de suspension (...). Dans l’éditeur d’éléments, cliquez sur le bouton Ajouter sans étiquette pour créer un élément de menu. Dans la fenêtre Propriétés , remplacez Légende par Impression rapide, ID par ID_FILE_PRINT_DIRECT et Image par 5. La propriété image spécifie l’icône Impression rapide dans la IDB_FILESMALL ressource bitmap.

3. Pour vérifier que les boutons ont été ajoutés au volet du ruban, générez l'application et exécutez-la. 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 l’application en cliquant sur Démarrer le débogage dans le menu Débogage . Le bouton Imprimer et la zone de liste déroulante du panneau Favoris de l’onglet Personnalisé du ruban doivent s’afficher.

Étapes suivantes

Guide pratique pour personnaliser la barre d’outils Accès rapide

Guide pratique pour personnaliser le bouton Application

Pour obtenir des exemples de bout en bout, consultez Exemples (Pack de fonctionnalités MFC).

Voir aussi

Procédures pas à pas
Exemples (Pack de fonctionnalités MFC)