Comment créer ce wpf barre d'outils

Je voudrais créer une barre d'outils de ce genre sur wpf.

Comment créer ce wpf barre d'outils

Ce que je dois utiliser afin de créer la zone avec le bouton entouré en rouge ?
Est-il possible avec la barre d'outils de microsoft ?

Pour le moment j'ai essayé ceci :

Comment créer ce wpf barre d'outils

Voici mon code xaml :

    <ToolBarTray Background="#008ede" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="33" >
        <ToolBar ToolBarTray.IsLocked="True" Background="#008ede" HorizontalAlignment="Stretch"  VerticalAlignment="Center"  VerticalContentAlignment="Center">
            <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center">
                <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image>
            </Button>
            <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center">
                <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image>
            </Button>
        </ToolBar>    
    </ToolBarTray>

1) tout d'Abord, je voudrais savoir comment centrée sur le bouton, j'ai ajouter de la verticalAlignment="Center", mais rien n'est centre de. Avez-vous une idée s'il vous plaît?

2) d'autre part, comment l'enlever ou de cacher le petit rectangle blanc sur la droite, s'il vous plaît ?

3) Ensuite, quelqu'un sait comment il est possible de recréer la zone cerclée de rouge s'il vous plaît ?

Merci beaucoup 🙂

En ce qui concerne meilleur

OriginalL'auteur Walter Fabio Simoni | 2013-02-21

  1. 3

    Votre barre d'outils ressemble centré. voulez-vous dire que vous souhaitez que la barre d'outils à l'emplacement de la légende/le titre est ou est-ce que vous souhaitez masquer le titre de la légende? pour le second point, vous pouvez essayer WindowStyle="None" dans votre fenêtre.

    Comme pour le "petit rectangle" essayer d'obtenir et de réglage OverflowGrid propriété de visibilité de la barre d'outils.

    vous avez sans doute aussi besoin d'envelopper le elments dans " aborder et d'utiliser le rayon de l'angle pour atteindre les coins arrondis. voici un exemple:

        <DockPanel  Height="40" VerticalAlignment="Top">
        <Border BorderBrush="LightBlue" BorderThickness="1" CornerRadius="8" Margin="1" Background="#008ede">
                <ToolBarTray Background="#008ede" HorizontalAlignment="Left" VerticalAlignment="Center"  >
                    <ToolBar ToolBarTray.IsLocked="True" Background="Transparent"  HorizontalAlignment="Stretch"  VerticalAlignment="Center"  VerticalContentAlignment="Center">
                        <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center">
                            <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image>
                        </Button>
                        <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center">
                            <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image>
                        </Button>
                    </ToolBar>
                </ToolBarTray>
        </Border>
    </DockPanel>
    Ma barre d'outils n'est pas centrée sur mon ToolbarTray. Ensuite,vous avez dit "Essayer d'obtenir et de réglage du Dépassement de la propriété visibilité de la barre d'outils", mais je n'ai pas de OverFlowGrid de la propriété.
    ok. sur mon toolbartray, j'utilise "VerticalAlignment =" étendre "son".
    Je l'ai essayé mais il n'y a pas de changement. Je vais regarder pour ce problème d'après. Pourriez-vous m'expliquer s'il vous plaît comment créer un rectangle avec le rayon de l'angle sur la barre d'outils( pour le groupement bouton) s'il vous plaît ? Il sera très agréable 🙂
    bien sûr, les mauvais ajouter à la réponse
    Merci beaucoup, c'est mieux ! Mes boutons sont centrés :). Pour le rectangle avec le rayon de l'angle, je vais la raconter sur le rectangle entouré en rouge sur ma photo ( le rectangle noir derrière le bouton), savez-vous si c'est possible ? Merci beaucoup 🙂

    OriginalL'auteur mike01010