Windows 7-Band: Wie angeben „Vier Tasten, zwei große, zwei kleine“?

Question

Wenn Sie eine Gruppe Auslegen unterstützt die Windows-Ribbon-Framework einige vordefinierte Layouts . Eines der Layouts, die vier Tasten erfordert wird FourButtons genannt.

Dieses Layout unterstützt 3 verschiedene Größen, Large , Medium und Kleine . In jedem Fall gibt es die Layouts:

Large :

Medium :

Kleine :

Im Moment bin ich mit der FourButtons vordefinierte Vorlage in meiner XML-Datei als:

<?xml version="1.0" encoding="utf-8"?>
<Application xmlns="http://schemas.microsoft.com/windows/2009/Ribbon">
   ...
   <Application.Views>
      <Ribbon>
         ...
         <Ribbon.Tabs>
            <Tab CommandName="tabHome">
               <Group CommandName="grpActivity" SizeDefinition="FourButtons">
                  <Button CommandName="cmdStartWorking" />
                  <Button CommandName="cmdStopWorking" />
                  <Button CommandName="cmdPrint" />
                  <Button CommandName="cmdDuplicateTicket" />
               </Group>
            </Tab>
         </Ribbon.Tabs>

      </Ribbon>
   </Application.Views>
</Application>

Und Sie können die Linie sehen

<Group CommandName="grpActivity" SizeDefinition="FourButtons">

, die die FourButtons Layoutvorlage angibt.

Und mein Layout ist FourButtons :

Außer ich will nicht FourButtons Layout, ich will " Vier Knöpfe, Zwei Big Zwei kleine ".

In der gleichen Art und Weise, dass es ThreeButtons-OneBigAndTwoSmall:

Und es gibt eine FiveButtons:

Ich möchte ein FourButtons-TwoBigTwoSmall, die ich kann manuell Mockup:

Leider deklarative Programmierung dass Microsoft erfunden benutzerdefinierte Layouts für die Erstellung von verwechselt mich als Programmierer.

Kann jemand entziffern deklarativen Sprache Beispiel am unteren Rand der Seite und kommen mit einem FourButton-TwoBigTwoSmall Vorlage?

Hinweis: All hübschen Grafiken, Formatierungen, Links und Material verwendet, Eichhörnchen zu gewinnen - die glänzenden Grafiken lieben. Und wenn Sie tatsächlich lesen so weit ich konnte wirklich verwenden Ihre Hilfe.

Answer 1

Sie sollten verwenden BigButtonsAndSmallButtonsOrInputs SizeDefinition

z.

      <Group CommandName="cmdGroupBatch" SizeDefinition="BigButtonsAndSmallButtonsOrInputs">
        <ControlGroup>
          <Button CommandName="cmdButtonGetBatch" />
          <Button CommandName="cmdButtonPutBatch" />
        </ControlGroup>
        <ControlGroup>
          <Button CommandName="cmdButtonSaveBatch" />
          <Button CommandName="cmdButtonDiscartBatch" />
        </ControlGroup>
      </Group>

Just zu überprüfen, ob Ihre Gruppe hat Size = "Large" in Ihrem Tab.ScalingPolicy.

Answer 2

ich es schließlich tat Figur aus.

Der erste ist die Steuerkarte, die Mandate, dass die Gruppe (in diesem Fall) haben vier Tasten. Dadurch, dass vier Einträge im ControlNameMap Mandat wir, dass die Gruppe dieser Größe Definition eigentlich mit vier Tasten.

<ControlNameMap>
   <ControlNameDefinition Name="button1"/>
   <ControlNameDefinition Name="button2"/>
   <ControlNameDefinition Name="button3"/>
   <ControlNameDefinition Name="button4"/>
</ControlNameMap>

Die vier Tasten Aliase angegeben:

• button1
• button2
• button3
• button4

, so dass sie in den Definitionen verwiesen werden können folgen. Erstens ist die Large Vorlage:

<GroupSizeDefinition Size="Large">
    <ControlSizeDefinition ControlName="button1" ImageSize="Large" IsLabelVisible="true" />
    <ControlSizeDefinition ControlName="button2" ImageSize="Large" IsLabelVisible="true" />
    <ColumnBreak ShowSeparator="true"/>
    <ControlSizeDefinition ControlName="button3" ImageSize="Large" IsLabelVisible="true" />
    <ControlSizeDefinition ControlName="button4" ImageSize="Large" IsLabelVisible="true" />
</GroupSizeDefinition>

, die zwei große Tasten bewirkt, einen Separator und eine weitere 2 großen Tasten.

Das Medium Vorlage:

<GroupSizeDefinition Size="Medium">
    <ControlSizeDefinition ControlName="button1" ImageSize="Large" IsLabelVisible="true" />
    <ControlSizeDefinition ControlName="button2" ImageSize="Large" IsLabelVisible="true" />
    <ColumnBreak ShowSeparator="true"/>
    <Row>
        <ControlSizeDefinition ControlName="button3" ImageSize="Small" IsLabelVisible="true" />
    </Row>
    <Row>
        <ControlSizeDefinition ControlName="button4" ImageSize="Small" IsLabelVisible="true" />
    </Row>
</GroupSizeDefinition>

verursacht zwei große Tasten, einen Separator, und dann zwei Reihen (wobei jede Reihe einen kleinen Knopf enthält).

Die kleine Vorlage:

<GroupSizeDefinition Size="Small">
    <Row>
        <ControlSizeDefinition ControlName="button1" ImageSize="Small" IsLabelVisible="true" />
        <ControlSizeDefinition ControlName="button3" ImageSize="Small" IsLabelVisible="false" />
    </Row>
    <Row>
        <ControlSizeDefinition ControlName="button2" ImageSize="Small" IsLabelVisible="true" />
        <ControlSizeDefinition ControlName="button4" ImageSize="Small" IsLabelVisible="false" />
    </Row>
</GroupSizeDefinition>

bewirkt, dass zwei Reihen von zwei kleinen Tasten in jedem, erscheinen.

---

bringt alles zusammen:

<Group CommandName="grpActivity" >
    <SizeDefinition>
        <ControlNameMap>
            <ControlNameDefinition Name="button1"/>
            <ControlNameDefinition Name="button2"/>
            <ControlNameDefinition Name="button3"/>
            <ControlNameDefinition Name="button4"/>
        </ControlNameMap>
        <GroupSizeDefinition Size="Large">
            <ControlSizeDefinition ControlName="button1" ImageSize="Large" IsLabelVisible="true" />
            <ControlSizeDefinition ControlName="button2" ImageSize="Large" IsLabelVisible="true" />
            <ColumnBreak ShowSeparator="true"/>
            <ControlSizeDefinition ControlName="button3" ImageSize="Large" IsLabelVisible="true" />
            <ControlSizeDefinition ControlName="button4" ImageSize="Large" IsLabelVisible="true" />
        </GroupSizeDefinition>
        <GroupSizeDefinition Size="Medium">
            <ControlSizeDefinition ControlName="button1" ImageSize="Large" IsLabelVisible="true" />
            <ControlSizeDefinition ControlName="button2" ImageSize="Large" IsLabelVisible="true" />
            <ColumnBreak ShowSeparator="true"/>
            <Row>
                <ControlSizeDefinition ControlName="button3" ImageSize="Small" IsLabelVisible="true" />
            </Row>
            <Row>
                <ControlSizeDefinition ControlName="button4" ImageSize="Small" IsLabelVisible="true" />
            </Row>
        </GroupSizeDefinition>
        <GroupSizeDefinition Size="Small">
            <Row>
                <ControlSizeDefinition ControlName="button1" ImageSize="Small" IsLabelVisible="true" />
                <ControlSizeDefinition ControlName="button3" ImageSize="Small" IsLabelVisible="false" />
            </Row>
            <Row>
                <ControlSizeDefinition ControlName="button2" ImageSize="Small" IsLabelVisible="true" />
                <ControlSizeDefinition ControlName="button4" ImageSize="Small" IsLabelVisible="false" />
            </Row>
        </GroupSizeDefinition>
    </SizeDefinition>

    <Button CommandName="cmdStartWorking" />
    <Button CommandName="cmdStopWorking" />
    <Button CommandName="cmdPrint" />
    <Button CommandName="cmdDuplicateTicket" />
</Group>