Personnalisation de la disposition de colonnes dans la vue Backstage de 2010 Office (traduction automatique)

Office 2010
Remarque importante Important

Cet article est machine traduit, reportez-vous à l' exclusion de responsabilité. Veuillez trouver la version anglaise de cet article ici pour référence.

Procédure Office Visual

Résumé :   Apprenez à créer trois types de présentations colonne dans la vue de Backstage 2010 de Microsoft Office. (12 pages imprimées)

Dernière modification : mercredi 12 septembre 2012

S’applique à : Excel 2010 | Office 2010 | Open XML | PowerPoint 2010 | VBA | Word 2010

Applies to: Microsoft Office 2010 | Microsoft Excel 2010 | Microsoft Visual Studio 2010

Publication :   Avril 2010

Fournie par :Michael Case, iSoftStone

Vue d’ensemble

Mode Microsoft Office Backstage, de nouveau à Office 2010, remplace le menu Fichier traditionnel pour fournir un espace centralisé pour le fichier des tâches de gestion tels qu'ouverture fichiers nouveaux ou existants, définition des propriétés de document et partager des informations. Comme le ruban Microsoft Office Fluent, le Mode Backstage est totalement extensible à l'aide de XML pour définir la structure, les composants et les procédures de rappel pour donner à ces fonctionnalités de composants.

Dans le Mode Backstage vous disposez de trois options de mise en page les contrôles de page dans les colonnes. Cet article décrit comment à disposition Mode Backstage contrôle de page à l'aide d'une seule colonne, deux colonnes ou création sous-navigation supplémentaire dans une colonne à l'aide de la taskFormGroup contrôler.

Cet article utilise De Trang Luu Custom UI Editor (éventuellement en anglais) pour simplifier l'ajout XML de l'interface utilisateur personnalisée au classeur Microsoft Excel 2010. Vous devez télécharger et installer l'éditeur de l'interface utilisateur personnalisée pour suivre les étapes décrites dans cet article.

Code

Cet article permet de personnaliser les Mode Backstage d'un classeur Excel 2010 en utilisant une combinaison du code XML et VBA. Le fichier XML définit un onglet personnalisé et les contrôles s'affichent dans le Mode Backstage. Le code VBA fournit les fonctionnalités requises par les procédures de rappel définis dans le fichier XML de l'interface utilisateur personnalisée.

Cet article décrit les étapes ci-dessous pour afficher la création d'un Mode Backstage personnalisé dans un classeur Excel 2010 :

  1. Créer un classeur Excel

  2. Ajoutez le code XML de l'interface utilisateur personnalisée

  3. Ajoutez le code de rappel VBA

  4. Afficher la page de l'affichage personnalisée Backstage

Créer un classeur Excel

Dans cet article, vous ajoutez un code personnalisé XML de l'interface utilisateur et de VBA vers un nouveau classeur Excel 2010. Vous devez créer le classeur Excel 2010 comme un classeur de macros (.xlsm) pour prendre en charge le code VBA.

Pour créer le classeur

  1. Démarrez Microsoft Excel 2010.

  2. Cliquez sur l’onglet Fichier.

  3. Cliquez sur Enregistrer sous.

  4. Dans la liste type de fichier, sélectionnez classeur Excel prenant en charge les macros (*.xlsm).

  5. Cliquez sur Enregistrer pour terminer. Enregistrez le document sous C:\Temp\BackstageViewFormatControls.xlsm.

Ajoutez le XML de l'interface utilisateur personnalisée

L'éditeur de l'interface utilisateur personnalisée simplifie l'ajout du XML de l'interface utilisateur personnalisée au classeur Excel 2010 créé à l'étape précédente.

Pour ajouter le code XML de l'interface utilisateur personnalisés

  1. Démarrez l'éditeur de l'interface utilisateur personnalisée.

  2. Dans le menu Fichier , cliquez sur Ouvrir.

  3. Sélectionnez le fichier C:\Temp\BackstageViewFormatControls.xlsm qui a été créé dans la procédure précédente, puis sur Ouvrir.

  4. Dans le menu Insérer , cliquez sur Partie de l'interface utilisateur personnalisée Office 2010. Cela crée un fichier CustomUI14.xml dans le document.

  5. Sélectionnez le fichier customUI14.xml et copiez le code XML suivant dans le fichier.

    <?xml version="1.0" encoding="utf-8"?>
    <!-- customUI is the root tag of all Fluent UI customizations. -->
    <customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
      <!—The Backstage defines the custom structure of the Backstage UI -->
      <backstage>
        <!-- Tab defines the name to display in the Backstage
             view tab and the controls to display on the page when 
             the tab is selected. -->
        <!-- This tab illustrates the single column layout. -->
        <tab id="singleColumnTab" label="Single Column Layout"
             insertBeforeMso="TabInfo">
          <firstColumn>
            <group id="reviewersGroup" label="Document Reviewers">
              <topItems>
                <layoutContainer id="headerLayout" layoutChildren="horizontal">
                  <imageControl id="imageSpacer" image="ImageSpacer"/>
                  <labelControl id="name" label="NAME" />
                  <labelControl id="title" label="TITLE" />
                  <labelControl id="role" label="ROLE" />
                  <labelControl id="dueDate" label="APPROVAL DUE DATE" />
                </layoutContainer>
                <layoutContainer id="arthurLayout" layoutChildren="horizontal">
                  <imageControl id="arthurImage" image="Arthur" />
                  <labelControl id="arthurName" label="Arthur Davis" />
                  <labelControl id="arthurTitle" label="Corporate VP" />
                  <labelControl id="arthurRole" label="Final Approver" />
                  <labelControl id="arthurDueDate" label="10/20/2009" />
                </layoutContainer>
                <layoutContainer id="carolLayout" layoutChildren="horizontal">
                  <imageControl id="carolImage" image="Carol" />
                  <labelControl id="carolName" label="Carol Johansen" />
                  <labelControl id="carolTitle" label="Division GM" />
                  <labelControl id="carolRole" label="Division Signoff" />
                  <labelControl id="carolDueDate" label="10/16/2009" />
                </layoutContainer>
                <layoutContainer id="charlesLayout" layoutChildren="horizontal">
                  <imageControl id="charlesImage" image="Charles" />
                  <labelControl id="charlesName" label="Charles Bisco" />
                  <labelControl id="charlesTitle" label="Engineering GM" />
                  <labelControl id="charlesRole" label="Engineering Signoff" />
                  <labelControl id="charlesDueDate" label="10/14/2009" />
                </layoutContainer>
              </topItems>
            </group>
          </firstColumn>
        </tab>
        <!-- This tab shows the two column layout. -->
        <tab id="twoColumnsTab" label="Two-Column Layout"
             insertBeforeMso="TabInfo">
          <firstColumn>
            <group id="specDetailsGroup" label="Specification Details" 
                   helperText="Keep the following information up to date.">
              <topItems>
                  <editBox id="specTitle" label="Title:        "
                           getText="GetSpecDetailText" />
                  <editBox id="specDesigner" label="Designer: "
                           getText="GetSpecDetailText" />
                  <editBox id="specEngineer" label="Engineer: "
                           getText="GetSpecDetailText" />
                  <editBox id="specTeam" label="Team:      "
                           getText="GetSpecDetailText"/>
                  <editBox id="specCost" label="Cost:        "
                           getText="GetSpecDetailText"/>
              </topItems>
            </group>
          </firstColumn>
          <secondColumn>
            <taskGroup id="bidProcessTaskGroup" 
                       label="Contract Bid Process Checklist" >
              <category id="defineWorkScopeCategory" 
                        label="Define work and tasks - Complete tasks in order.">
                <task id="defineScope" label="Define the scope of work" 
                      imageMso="_1"/>
                <task id="assignTasks" label="Assign the tasks" 
                      imageMso="_2"/>
              </category>
              <category id="calculateCostsCategory" 
                        label="Calculate costs - Complete tasks in order">
                <task id="calcManHours" label="Calculate total Man-Hours" 
                      imageMso="_3"/>
                <task id="calcOverheadCosts" label="Determine Overhead Costs" 
                      imageMso="_4"/>
              </category>
            </taskGroup>
          </secondColumn>
        </tab>
        <!-- This tab illustrates the taskFormGroup layout. -->
        <tab id="taskFormGroupTab" label="taskFormGroup Layout"
             insertBeforeMso="TabInfo">
          <firstColumn>
            <taskFormGroup id="teamTaskFormGroup">
              <category id="engineeringCategory" label="Engineering Tasks">
                <task id="engineeringTasks" 
                      label="Manager: William Rodgers" 
                      description="Engineering Excellence" 
                      imageMso="TableDesign">
                  <group id="engineeringGroup" label="Engineering Group">
                    <topItems>
                      <button id="concept" label="Concept    " 
                              imageMso="_1" />
                      <button id="design" label="Design       " 
                              imageMso="_2" />
                      <button id="prototype" label="Prototype  " 
                              imageMso="_3" />
                      <button id="production" label="Production" 
                              imageMso="_4" />
                    </topItems>
                  </group >
                </task>
              </category>
              <category id="manufacturingCategory" label="Manufacturing Tasks">
                <task id="manufacturingTasks" 
                      label="Manager: Alice Morton" 
                      description="Right the First Time" 
                      imageMso="ControlsGallery">
                  <group id="manufacturingGroup" label="Manufacturing Group">
                    <topItems>
                      <button id="flowDesign" label="Flow Design    " 
                              imageMso="_1" />
                      <button id="tooling" label="Tooling            " 
                              imageMso="_2" />
                      <button id="staffing" label="Staffing            " 
                              imageMso="_3" />
                      <button id="manufacturing" label="Manufacturing" 
                              imageMso="_4" />
                    </topItems>
                  </group >
                </task>
              </category>
              <category id="marketingCategory" label="Marketing Tasks">
                <task id="marketingTasks" 
                      label="Manager: Jane Burns" 
                      description="Bringing Quality to the Customer" 
                      imageMso="SignatureShow">
                  <group id="marketingGroup" label="Marketing Group">
                    <topItems>
                      <button id="concepts" label="Concepts              " 
                              imageMso="_1" />
                      <button id="storyBoarding" label="Story Boarding     " 
                              imageMso="_2" />
                      <button id="finalization" label="Finalization           " 
                              imageMso="_3" />
                      <button id="channelSelection" label="Channel Selection" 
                              imageMso="_4" />
                      <button id="execution" label="Execution              " 
                              imageMso="_5" />
                    </topItems>
                  </group >
                </task>
              </category>
            </taskFormGroup >
          </firstColumn>
        </tab>
      </backstage>
    </customUI>
    
  6. Dans le menu Fichier, cliquez sur Enregistrer.

  7. Fermez l'éditeur de l'interface utilisateur personnalisée.

Ajoutez le Code de rappel VBA

Les procédures de rappel VBA ajoutent des fonctionnalités dans les composants Mode Backstage personnalisé ajoutés via l'interface utilisateur XML personnalisé dans l'étape précédente.

Pour ajouter le code de rappel VBA

  1. Démarrez Microsoft Excel 2010.

  2. Cliquez sur l’onglet Fichier.

  3. Cliquez sur Ouvrir.

  4. Ouvrez le classeur BackstageViewFormatControls.xlsm.

  5. Sélectionnez l'onglet Développeur .

  6. Cliquez sur Visual Basic.

  7. Dans le menu Insertion, cliquez sur Module.

  8. Sélectionnez Module 1 , puis copiez le code VBA suivant dans le fichier.

    'Returns the text to display for each specification detail editBox.
    Sub GetSpecDetailText(control As IRibbonControl, ByRef returnedVal)
      Select Case control.ID
        Case "specTitle"
          returnedVal = "Flexible Bracket"
        Case "specDesigner"
          returnedVal = "Andrew Fuller"
        Case "specEngineer"
          returnedVal = "Nancy Davolio"
        Case "specTeam"
          returnedVal = "Design"
        Case "specCost"
          returnedVal = "$896,210"
      End Select
    End Sub
    
    
  9. Dans le menu Fichier, cliquez sur Enregistrer.

  10. Fermez Visual Basic pour Applications et revenir au classeur.

Afficher la Backstage afficher une Page personnalisée

Pour afficher les pages Mode Backstage personnalisé définis précédemment dans cette section, vous affichez la Mode Backstage en sélectionnant l'onglet Fichier . Après que le Mode Backstage s'affiche, sélectionnez un des onglets présentation personnalisée qui se trouvent avant de l'onglet Informations intégrés sélectionner l'onglet Disposition de colonne unique pour afficher les contrôles dans une seule colonne, l'onglet Disposition à deux colonnes pour afficher les contrôles dans deux colonneset l'onglet Disposition de taskFormGroup pour afficher la sous-navigation ajout à l'aide du contrôle taskFormGroup.

La figure 1. Vue Backstage unique colonne mise en Page personnalisée

Mise en page personnalisée à une colonne du mode Backstage

La figure 2. Page de disposition à deux colonnes Backstage vue personnalisée

Mise en page personnalisée à deux colonnes du mode Backstage

La figure 3. TaskFormGroup Backstage vue personnalisée mise en Page

Mise en page personnalisée taskFormGroup du mode Backstage

 

Lecture

Titre

L'extension de la Office 2010Mode Backstage pour inclure des pages personnalisées et des contrôles pour prendre en charge de vos propres besoins est une combinaison de l'ajout de XML de l'interface utilisateur personnalisée pour le document Office et de code VBA pour fournir les fonctionnalités pour les rappels spécifiés dans le fichier XML de l'interface utilisateur personnalisée.

L'exemple de code dans cet article décrit les trois options pour les contrôles de présentation sur les colonnes dans une page de Mode Backstage :

  • Vous pouvez spécifier une seule colonne à l'aide de l'élément firstColumn. Cette option est utile lorsque vous souhaitez présenter des informations horizontalement.

  • Vous pouvez spécifier deux colonnes d'informations en utilisant des éléments de la firstColumn et secondColumn. Cette option est la plus courante.

  • Vous pouvez créer sous-navigation supplémentaire en utilisant le contrôle taskFormGroup. Le contrôle taskFormGroup vous permet d'afficher les groupes en fonction des sélections effectuées dans le contrôle taskFormGroup.

Disposition en une colonne

Disposer des contrôles dans une seule colonne est utile si vous souhaitez présenter des informations horizontalement. Une présentation colonne unique est créée en plaçant tous les contrôles dans l'élément firstColumn lorsque vous définissez la page. Le fragment de code suivant montre comment créer une page seule colonne en définissant uniquement l'élément firstColumn dans l'élément tab.

<!-- This tab illustrates the single column layout. -->
<tab id="singleColumnTab" label="Single Column Layout"
     insertBeforeMso="TabInfo">
  <firstColumn>
    <group id="reviewersGroup" label="Document Reviewers">
      <topItems>
        <layoutContainer id="headerLayout" layoutChildren="horizontal">
          <imageControl id="imageSpacer" image="ImageSpacer"/>
          <labelControl id="name" label="NAME" />
          <labelControl id="title" label="TITLE" />
          <labelControl id="role" label="ROLE" />
          <labelControl id="dueDate" label="APPROVAL DUE DATE" />
        </layoutContainer>
        <layoutContainer id="arthurLayout" layoutChildren="horizontal">
          <imageControl id="arthurImage" image="Arthur" />
          <labelControl id="arthurName" label="Arthur Davis" />
          ...
          <labelControl id="charlesRole" label="Engineering Signoff" />
          <labelControl id="charlesDueDate" label="10/14/2009" />
        </layoutContainer>
      </topItems>
    </group>
  </firstColumn>
</tab>

Deux colonnes

Le scénario classique consiste à disposer les contrôles en deux colonnes. Une disposition à deux colonnes est créée en plaçant les contrôles que vous souhaitez afficher sur un côté de la page au sein de l'élément firstColumn et les contrôles que vous souhaitez afficher sur l'autre côté de la page dans l'élément secondColumn. L'exemple de code suivant montre une page de deux colonnes en définissant les éléments de la firstColumn et secondColumn dans l'élément tab.

Les contrôles de editBox qui sont utilisées pour afficher les Détails de la spécification de la première colonne ont leurs rappels getText définies sur GetSpecDetailText. Le rappel GetSpecDetailText évalue les editBox s'affiche et renvoie le texte approprié.


<!-- This tab illustrates the two-column layout. -->
<tab id="twoColumnsTab" label="Two Column Layout"
     insertBeforeMso="TabInfo">
  <firstColumn>
    <group id="specDetailsGroup" label="Specification Details" 
           helperText="Keep the following information up to date.">
      <topItems>
          <editBox id="specTitle" label="Title:        "
                   getText="GetSpecDetailText" />
          <editBox id="specDesigner" label="Designer: "
                   getText="GetSpecDetailText" />
          <editBox id="specEngineer" label="Engineer: "
                   getText="GetSpecDetailText" />
          <editBox id="specTeam" label="Team:      "
                   getText="GetSpecDetailText"/>
          <editBox id="specCost" label="Cost:        "
                   getText="GetSpecDetailText"/>
      </topItems>
    </group>
  </firstColumn>
  <secondColumn>
    <taskGroup id="bidProcessTaskGroup" 
               label="Contract Bid Process Checklist" >
      <category id="defineWorkScopeCategory" 
                label="Define work and tasks - Complete tasks in order.">
        <task id="defineScope" label="Define the Scope of Work." 
              imageMso="_1"/>
        <task id="assignTasks" label="Assign the Tasks" 
              imageMso="_2"/>
      </category>
      <category id="calculateCostsCategory" 
                label="Calculate costs - Complete tasks in order.">
        <task id="calcManHours" label="Calculate Total Man-Hours" 
              imageMso="_3"/>
        <task id="calcOverheadCosts" label="Determine Overhead Costs" 
              imageMso="_4"/>
      </category>
    </taskGroup>
  </secondColumn>
</tab>
'Returns the text to display for each specification detail editBox.
Sub GetSpecDetailText(control As IRibbonControl, ByRef returnedVal)
  Select Case control.ID
    Case "specTitle"
      returnedVal = "Flexible Bracket"
    Case "specDesigner"
      returnedVal = "Andrew Fuller"
    Case "specEngineer"
      returnedVal = "Nancy Davolio"
    Case "specTeam"
      returnedVal = "Design"
    Case "specCost"
      returnedVal = "$896,210"
  End Select
End Sub

taskFormGroup mise en page

Dans certains cas, vous pouvez souhaiter fournir sous-navigation supplémentaire sur une page Mode Backstage. Le contrôle taskFormGroup prend en charge cette en affichant des groupes de contrôles dans un volet de droite de la première colonne, en fonction des sélections effectuées dans le contrôle taskFormGroup. L'élément taskFormGroup utilise les éléments de task qui sont définies dans les éléments de category pour déterminer quels groupes de contrôles doivent être affichées. Chaque tâche peut définir un ou plusieurs groupes qui contiennent les contrôles à afficher. Lorsqu'une tâche dans le contrôle taskFormGroup est sélectionnée, les groupes sont définis pour cette tâche s'affiche. Sélection des différentes tâches modifie les groupes affichés dans le volet, qui vous permet d'afficher plus d'informations dans un espace réduit.

L'exemple de code suivant montre comment utiliser un contrôle taskFormGroup pour fournir des sous-navigation sur une page. L'élément de taskFormGroup définit trois éléments de category contenant un task unique. La tâche définit un groupe de boutons. Lorsque vous cliquez sur la tâche de engineeringTasks, le groupe de engineeringGroup s'affiche dans le volet de droite. Lorsque vous cliquez sur la tâche de manufacturingTasks, le groupe manufacturingGroup remplace le groupe engineeringGroup dans le volet de droite.

<!-- This tab illustrates the taskFormGroup layout. -->
<tab id="taskFormGroupTab" label="taskFormGroup Layout"
     insertBeforeMso="TabInfo">
  <firstColumn>
    <taskFormGroup id="teamTaskFormGroup">
      <category id="engineeringCategory" label="Engineering Tasks">
        <task id="engineeringTasks" 
              label="Manager: William Rodgers" 
              description="Engineering Excellence" 
              imageMso="TableDesign">
          <group id="engineeringGroup" label="Engineering Group">
            <topItems>
              <button id="concept" label="Concept    " 
                      imageMso="_1" />
              <button id="design" label="Design       " 
                      imageMso="_2" />
              <button id="prototype" label="Prototype  " 
                      imageMso="_3" />
              <button id="production" label="Production" 
                      imageMso="_4" />
            </topItems>
          </group >
        </task>
      </category>
      <category id="manufacturingCategory" label="Manufacturing Tasks">
        <task id="manufacturingTasks" 
              label="Manager: Alice Morton" 
              description="Right the First Time" 
              imageMso="ControlsGallery">
          <group id="manufacturingGroup" label="Manufacturing Group">
            <topItems>
              <button id="flowDesign" label="Flow Design    " 
                      imageMso="_1" />
              <button id="tooling" label="Tooling            " 
                      imageMso="_2" />
              <button id="staffing" label="Staffing            " 
                      imageMso="_3" />
              <button id="manufacturing" label="Manufacturing" 
                      imageMso="_4" />
            </topItems>
          </group >
        </task>
      </category>
      <category id="marketingCategory" label="Marketing Tasks">
        <task id="marketingTasks" 
              label="Manager: Jane Burns" 
              description="Bringing Quality to the Customer" 
              imageMso="SignatureShow">
          <group id="marketingGroup" label="Marketing Group">
            <topItems>
              <button id="concepts" label="Concepts              " 
                      imageMso="_1" />
              <button id="storyBoarding" label="Story Boarding     " 
                      imageMso="_2" />
              <button id="finalization" label="Finalization           " 
                      imageMso="_3" />
              <button id="channelSelection" label="Channel Selection" 
                      imageMso="_4" />
              <button id="execution" label="Execution              " 
                      imageMso="_5" />
            </topItems>
          </group >
        </task>
      </category>
    </taskFormGroup >
  </firstColumn>
</tab>

Le voir

Regarder une vidéo

Regardez la vidéo (éventuellement en anglais)

Longueur de la vidéo : 00 : 06 : 28 | Taille du fichier: Mo 7.84 | Type de fichier : WMV

Cliquez pour récupérer le code

Saisir le Code (éventuellement en anglais)

L’explorer

Remarque Remarque

Avis de non-responsabilité de traduction automatique: cet article a été traduit par un ordinateur sans intervention humaine. Microsoft propose ces traductions machine pour aider les utilisateurs anglophones non anglophones à profiter du contenu sur les produits, services et technologies Microsoft. Dans la mesure où l'article a été traduite de machine, il peut contenir des erreurs de vocabulaire, de syntaxe ou de grammaire.

Afficher: