WPF: Wie Einblenden und Skalieren eines Benutzersteuerelements in einem Popup

Question

Ich habe ein Benutzersteuerelement, das ich zeigen möchte, wenn der Benutzer auf eine Schaltfläche klickt. Das ist kein Problem, mit einem Popup-Steuerelement.

Allerdings möchte ich die Benutzersteuerung einblenden lassen und von 0,5 auf 1,2 und zurück auf 1,0 (beide X und Y) gleichzeitig skalieren.

Wie mache ich das?

Answer 1

WPF-Popups sind nicht transparent, daher funktioniert Ein- und Ausblenden nicht wirklich. Du kannst die Opazität beliebig einstellen, aber das wird nichts ändern. Sie können jedoch mit dem Tooltip spielen. Es ist ziemlich nah an einem Popup. Wie auch immer, hier ist etwas für den Anfang:

<UserControl x:Class="WpfApplication1.UserControl1" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
<UserControl.Style> 
    <Style> 
     <Style.Triggers> 
      <EventTrigger RoutedEvent="FrameworkElement.Loaded"> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="00:00:02" From="0" To="1" /> 
        </Storyboard> 
       </BeginStoryboard>     
      </EventTrigger> 
      <Trigger Property="FrameworkElement.Visibility" Value="Collapsed"> 
       <Setter Property="FrameworkElement.Opacity" Value="0"/>    
      </Trigger> 
     </Style.Triggers> 
    </Style> 
</UserControl.Style> 
<Border x:Name="border" BorderBrush="Blue" BorderThickness="3" CornerRadius="3" Padding="3" Background="Orange" 
    Width="175" Height="175"> 
    <TextBlock Text="Sample" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
</Border> 

es irgendwo plop, ich auf der gleichen Taste, um einen Tooltip verwende, nur zu Demonstrationszwecken:

<Button Click="OnButtonClick" Content="click to see popup"> 
     <Button.ToolTip> 
      <ToolTip x:Name="popup" IsOpen="False" Background="Transparent" BorderBrush="Transparent" 
        Placement="Bottom"> 
       <WpfApplication1:UserControl1/> 
      </ToolTip> 
     </Button.ToolTip> 
    </Button> 

für OnButtonClick Code hinter , Habe ich nur das Popup so getippt, dass ich es mehr als einmal anklicken kann:

Answer 2

WPF Popups c eine Grifftransparenz, stellen Sie einfach folgendes ein

<Popup AllowsTransparency="True" PopupAnimation="Fade">