WPF-Popup: Wie wird ein Rahmen um das Popup gelegt?

Question

Ich habe eine Popup in meinem XAML, um einige Informationen anzuzeigen. Wenn die Box erscheint, hat sie keine Border und scheint in die Background der Seite überzugehen. Es braucht nur eine Border, und idealerweise einen Schlagschatten dahinter, um eine Art von Schichtung und Fokus zu zeigen.

Irgendwelche Ideen, wie man ein Popup stylt, um eine Grenze und möglicherweise den Schatteneffekt zu haben?

Answer 1

Dank, landete ich es ein 3D-like (kaum) Aussehen wie durch Einstellen der Grenze Aufgeben:

<Border BorderBrush="White" BorderThickness="3,3,0,0"> 
      <Border BorderBrush="Black" BorderThickness="1,1,3,3"> 
</Border> 
</Border> 

Sieht recht gut!

Answer 2

<Popup PopupAttributes="SetByYou"> 
<Border BorderAttribute="SetByYou"> 
    <!-- Content here --> 
</Border> 
</Popup> 

Answer 3

Offenbar unterstützen Popups zur Zeit keine Schlagschatten, see link.

Allerdings habe ich mir eine Workaround einfallen lassen, die IMO ziemlich gut funktioniert. Grundsätzlich besteht die Idee darin, einen Canvas-Bereich innerhalb eines anderen transparenten Canvas-Bereichs zu verschachteln und den Schlagschatten auf den geschachtelten Canvas-Bereich anzuwenden. Einfach. Heres ein Beispiel:

 <Grid> 
     <TextBox x:Name="MyTxtBx" Width="50" 
       Height="20" Text="Hello"/> 
     <Popup IsOpen="True" Width="200" Height="100" 
       PlacementTarget="{Binding ElementName=MyTxtBx}" 
       AllowsTransparency="True" > 
      <Canvas Background="Transparent"> 
       <Canvas Background="Green" Width="150" Height="50"> 
        <Canvas.BitmapEffect> 
         <DropShadowBitmapEffect Softness=".5" 
               ShadowDepth="5" 
               Color="Black"/> 
        </Canvas.BitmapEffect> 
        <Label Content="THIS IS A POPUP TEST"/> 
       </Canvas> 
      </Canvas> 
     </Popup> 
    </Grid> 

Die Punkte sind zu beachten, dass die verschachtelte Leinwand kleiner sein muss als die Größe des Behälters es ist. Auch muss AllowsTransparency eingestellt werden.

Answer 4

Viel einfacher ist meiner Meinung nach ein Rand um das Popup-Border groß genug für die DropShadowEffect setzen, das heißt

<Border ... Margin="0 0 8 8"> 
    <Border.Effect> 
     <DropShadowEffect ... /> 
    </Border.Effect> 
    <!-- Popup Content Here --> 
</Border> 

Die Popup Transparenz ermöglichen sollte, ist, dass AllowsTransparency = True.