我有一个用户控件,我想在用户单击按钮时显示该控件。 使用 af Popup 控件,这不是问题。
但是,我想让用户同时控制淡入和从 0.5 到 1.2 的缩放,然后返回到 1.0(X 和 Y)。
我该怎么做?
最佳答案
WPF 弹出窗口不透明,因此淡入和淡出实际上不起作用。您可以根据需要设置不透明度,但这不会改变任何事情。但是,您可以使用工具提示。它非常接近弹出窗口。不管怎样,这里有一些可以帮助您开始的东西:
<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>
将其放在某个地方,我在同一个按钮上使用工具提示,仅用于演示目的:
<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>
对于后面的 OnButtonClick 代码,我只是切换了弹出窗口,这样我就可以多次单击它:
private void OnButtonClick(object sender, RoutedEventArgs e)
{
popup.IsOpen = !popup.IsOpen;
}
关于WPF:如何在弹出窗口中淡入和缩放用户控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/862208/