Discussion :

[Nixeus]

Bonjour à tous,

Je souhaiterai refaire une toolbar qui a été faite en WPF.

Voici ce que j'aimerai refaire :



Et voila, pour le début, ou j'en suis :



Voici mon code XAML pour commencer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
        <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) Je n'arrive pas à centrer mes icones, j'ai bien ajouté les VerticalContentAlignment et VerticalAlignment à "center", mais rien n'y change.

2) Savez vous comment s'appelle le petit rectangle blanc sur la droite, avec la petit fleche noir, comment le masquer ?

3) Sur le premier dessin, savez vous comment faire ce qui est entouré en rouge ? La zone noir ombrée ?

Je sais que cela fait beaucoup de question, mais j'éspère que certaines ou certains pourront m'aider ici

Je vous remercie à tous

Nixeus

[sfxzeus]

Bonjour
Pourquoi ne pas utilisé snoop pour voir sa composition car j'ai comme un doute. Est-ce que c'est réellement une toolbar et pas un stackpanel.

Car je sais que j'ai eu le même genre de problème sur du style sur une toolbar (le dropdown)

Sinon pour répondre voilà comment j'imagine la composition de sa barre :
<Border>
<StackPanel>
<Button/>
<Button/>
<Button/>
</StackPanel>
<Border>

Le border à un CornerRadius et un background dégradé après reste à refaire le template des boutons et voilà.

[Nixeus]

Merci beaucoup pour ton aide.

[Nixeus]

Je viens d'éssayer Snoop, et ce n'est pas très concluant :



Qu'en penses tu ?

[micka132]

Si la toolTrayBarre n'est pas dyanimique en hauteur, tu n'as qu'as placer ta toolBarre avec un margin pour la décaller vers le bas.

Sinon pour la zone d'ombre, peut etre être que tu peux voir du coté de opacityMask avec un rectangle arrondis ou un border.
Ou bien utiliser un Clip mais je sais pas si on peut faire un path avec taille dynamique[...].

[Nixeus]

Merci pour ta réponse