Discussion :

[rvzip64]

Salut tout le monde,

Je ne sais pas si vous connaissez l'application FishBowl de microsoft qui est un espèce de DemoCenter de la technologie WPF.

Dans cette application il y a un système de recherche.
Comme vous pouvez le voir sur la miniature qui va avec, quand on clique sur le bouton "Search" il y a un popup qui apparaît.

Je voudrais réaliser la même chose dans mon application.

J'ai réussi à modéliser une apparence identique, mais maintenant je ne sais pas comment faire pour avoir le même comportement...

Est ce que je dois utiliser un usercontrol avec une technique particulière ?
Est ce que je dois utiliser une window et "masquer" les contours ?

Quel est votre avis ?


Ps : Je sais qu'il y a le code source de FishBowl de disponible, j'ai jeté un oeil mais c'est pour le moment un peu trop compliqué pour moi.

Merci d'avance pour votre aide.

[yonpo]

Salut,

Je pencherai plus sur un Popup : http://msdn.microsoft.com/fr-fr/libr...ves.popup.aspx

[rvzip64]

Pas mal !!!
Je regarde ça et je met un bout de code.

Cordialement

[rvzip64]

Et voila le bout de code qui va bien

Code XML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
            <Popup x:Name="SearchPopup" AllowsTransparency="True" Placement="Bottom" VerticalOffset="-15" HorizontalOffset="-220" IsOpen="{Binding PopupOpen}">
                <Grid SnapsToDevicePixels="True" Margin="10" Width="320">
                    <Grid.Effect>
                        <DropShadowEffect ShadowDepth="2" Direction="-90" BlurRadius="8" Opacity="0.5" />
                    </Grid.Effect>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Path Data="M0,1 L0.5,0 L1,1 Z" Stretch="Fill" Width="23" Height="19" Fill="{DynamicResource PopupTopBrush}" VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,0,52,0" />
                    <Border CornerRadius="4" Grid.Row="1" Grid.ColumnSpan="2" Background="{DynamicResource PopupBrush}" />
                    <Border Background="White" Margin="6" Grid.Row="1" CornerRadius="3" Height="23">                        
                        <TextBlock Text="Vous vouliez chercher:" Margin="4,3"/>                        
                    </Border>                    
                </Grid>
            </Popup>