WPF PopUp的简单使用

WPF PopUp的简单使用

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="250" Width="400"
        FontFamily="Microsoft YaHei" FontWeight="ExtraLight" >

    <Window.Resources>
        
    </Window.Resources>
    <Border Margin="10" Background="White" CornerRadius="10">
        <Grid>
            <!--内容区-->
            <Button Width="50" Height="30" Content="ok" Name="PopButton" Click="PopButton_Click"/>
            <Popup x:Name="Pop" PopupAnimation="Slide" Width="180" Height="250" PlacementTarget="{Binding ElementName=PopButton}" Placement="Bottom" AllowsTransparency="True" StaysOpen="False">
                <Grid>
                    <Rectangle Fill="White" Margin="5" Opacity="0.8" RadiusY="2" RadiusX="2">
                        <Rectangle.Effect>
                            <DropShadowEffect Color="#FFBBBBBB" Direction="0" BlurRadius="15" RenderingBias="Quality" ShadowDepth="1"></DropShadowEffect>
                        </Rectangle.Effect>
                    </Rectangle>
                    <StackPanel Margin="15">
                        <TextBlock Text="设置" FontSize="14" Margin="0 0 0 5"/>

                    </StackPanel>
                </Grid>
            </Popup>
        </Grid>
        
    </Border>
</Window>

点击按钮时打开

namespace WpfApp1
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void PopButton_Click(object sender, RoutedEventArgs e)
        {
            Pop.IsOpen = true;//设置为打开状态
        }
    }
}

运行效果:
在这里插入图片描述
附带参考
解决Popup控件跟随移动和始终位于最上层问题
1.重写popup控件

public class PopupEx : Popup
    {
        /// <summary>  
        /// 是否窗口随动,默认为随动(true)  
        /// </summary>  
        public bool IsPositionUpdate  
        {  
            get { return  (bool)GetValue(IsPositionUpdateProperty); }  
            set { SetValue(IsPositionUpdateProperty, value); }  
        }  

        public static readonly DependencyProperty  IsPositionUpdateProperty =  
            DependencyProperty.Register("IsPositionUpdate",  typeof(bool), typeof(PopupEx), new PropertyMetadata(true, new  PropertyChangedCallback(IsPositionUpdateChanged)));  

        private static void  IsPositionUpdateChanged(DependencyObject d,  DependencyPropertyChangedEventArgs e)  
        {  
            (d as PopupEx).pup_Loaded(d as PopupEx, null);  
        }  

        /// <summary>  
        /// 加载窗口随动事件  
        /// </summary>  
        public PopupEx()  
        {  
            this.Loaded += pup_Loaded;  
        }  

        /// <summary>  
        /// 加载窗口随动事件  
        /// </summary>  
        private void pup_Loaded(object sender, RoutedEventArgs  e)  
        {  
            Popup pup = sender as Popup;  
            var win = VisualTreeHelper.GetParent(pup);  
            while (win != null && (win as Window) == null)  
            {  
                win = VisualTreeHelper.GetParent(win);  
            }  
            if ((win as Window) != null)  
            {
                (win as Window).LocationChanged -=  PositionChanged;
                (win as Window).SizeChanged -= PositionChanged;
                if (IsPositionUpdate)
                {
                    (win as Window).LocationChanged +=  PositionChanged;
                    (win as Window).SizeChanged +=  PositionChanged;  
                }
            }  
        }  

        /// <summary>  
        /// 刷新位置  
        /// </summary>  
        private void PositionChanged(object sender, EventArgs e)  
        {
            try
            {
                var method =  typeof(Popup).GetMethod("UpdatePosition",  System.Reflection.BindingFlags.NonPublic |  System.Reflection.BindingFlags.Instance);
                if (this.IsOpen)
                {
                    method.Invoke(this, null);
                }
            }
            catch
            {
                return;
            }
        }  

        //是否最前默认为非最前(false)  
        public static DependencyProperty TopmostProperty =  Window.TopmostProperty.AddOwner(typeof(Popup), new  FrameworkPropertyMetadata(false, OnTopmostChanged));  
        public bool Topmost  
        {  
            get { return (bool)GetValue(TopmostProperty); }  
            set { SetValue(TopmostProperty, value); }  
        }  
        private static void OnTopmostChanged(DependencyObject  obj, DependencyPropertyChangedEventArgs e)  
        {  
            (obj as PopupEx).UpdateWindow();  
        }  

        /// <summary>  
        /// 重写拉开方法,置于非最前  
        /// </summary>  
        /// <param name="e"></param>  
        protected override void OnOpened(EventArgs e)  
        {  
            UpdateWindow();  
        }  

        /// <summary>  
        /// 刷新Popup层级  
        /// </summary>  
        private void UpdateWindow()  
        {  
            var hwnd =  ((HwndSource)PresentationSource.FromVisual(this.Child)).Handle;  
            RECT rect;  
            if (NativeMethods.GetWindowRect(hwnd, out rect))  
            {  
                NativeMethods.SetWindowPos(hwnd, Topmost ? -1 :  -2, rect.Left, rect.Top, (int)this.Width, (int)this.Height, 0);  
            }  
        }  

        [StructLayout(LayoutKind.Sequential)]  
        public struct RECT  
        {  
            public int Left;  
            public int Top;  
            public int Right;  
            public int Bottom;  
        }  
        #region P/Invoke imports & definitions  
        public static class NativeMethods  
        {  


            [DllImport("user32.dll")]  
            [return: MarshalAs(UnmanagedType.Bool)]  
            internal static extern bool GetWindowRect(IntPtr  hWnd, out RECT lpRect);  
            [DllImport("user32", EntryPoint = "SetWindowPos")]  
            internal static extern int SetWindowPos(IntPtr hWnd,  int hwndInsertAfter, int x, int y, int cx, int cy,  int wFlags);  
        }  
        #endregion  
    }

2.在界面中使用

<local:PopupEx x:Name="pop1" Topmost="False"  StaysOpen="True"  PopupAnimation="Slide" AllowsTransparency="False"
                           PlacementTarget="{Binding  ElementName=popImg}" Placement="Left">
                        <local:PopupControl x:Name="pop_view"/>
                    </local:PopupEx>
  • 11
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
WPF中的Popup是一种特殊的控件,它可以显示在其他控件上方,并且可以在需要时弹出和隐藏。Popup的样式可以通过重写来自定义。 首先,在WPF中定义Popup的样式需要使用XAML语言。可以在Window或者Page的资源中定义样式,也可以在单独的资源文件中定义。 我们可以通过为Popup定义一个控制模板来重写其样式。控制模板是一种描述控件外观和行为的XAML标记。 以下是一个简单的示例,展示了如何重写Popup的样式: ```xaml <Style TargetType="Popup"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Popup"> <Grid Background="Transparent"> <!-- 在此处定义你想要的Popup的样式 --> <Border Background="White" BorderBrush="Gray" BorderThickness="1" CornerRadius="5"> <ContentPresenter /> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> ``` 在这个示例中,我们重写了Popup的样式,使其在显示时以圆角灰色边框包裹内容。可以根据需要自定义Border的属性,如背景色、边框颜色、边框粗细等。 当我们使用自定义样式的Popup控件时,只需要将该样式应用到需要的控件上即可: ```xaml <Button Content="点击弹出Popup"> <Button.Resources> <Style TargetType="Popup" BasedOn="{StaticResource {x:Type Popup}}"> <!-- 在这里进一步修改样式,如果有需要 --> </Style> </Button.Resources> <Button.Triggers> <EventTrigger RoutedEvent="Button.Click"> <BeginStoryboard> <Storyboard> <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="IsOpen"> <DiscreteBooleanKeyFrame KeyTime="0" Value="True" /> </BooleanAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </EventTrigger> </Button.Triggers> <Button.ContentTemplate> <DataTemplate> <Popup PlacementTarget="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Button}}" Placement="Bottom"> <!-- 在这里放置Popup的内容 --> <TextBlock Text="这是一个Popup" Margin="5" /> </Popup> </DataTemplate> </Button.ContentTemplate> </Button> ``` 通过上述方式,我们可以重写WPF中的Popup样式,实现更加个性化的外观效果。同时,通过定义控制模板,我们还可以进一步自定义Popup的布局和动画效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值