WPF: как добавить и масштабировать пользовательский элемент управления во всплывающем окне - PullRequest
Новая
       14

WPF: как добавить и масштабировать пользовательский элемент управления во всплывающем окне

2 голосов
/ 14 мая 2009

У меня есть пользовательский элемент управления, который я хотел бы показать, когда пользователь нажимает кнопку. Это не проблема, используя контроль всплывающих окон.

Тем не менее, я бы хотел, чтобы пользовательский элемент управления появлялся и масштабировался от 0,5 до 1,2 и обратно до 1,0 (для X и Y) одновременно.

Как мне это сделать?

Ответы [ 2 ]

3 голосов
/ 22 марта 2012

Всплывающие окна 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;
}
1 голос
/ 10 декабря 2014

WPF всплывающие окна могут обрабатывать прозрачность, просто установите следующее 

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