WPF:实现无标题栏窗体的拖动

本文详细介绍了如何使用Grid控件在Windows应用程序中创建标题栏,并实现鼠标拖动窗口的功能。通过设置Grid背景图片、布局定义及交互按钮,用户可以轻松地在界面中添加具有美观和实用性的标题栏。此外,通过重写OnMouseLeftButtonDown函数,实现标题栏区域内的拖动操作,提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

通过Grid模拟实现一个标题栏:

<Grid Name="gridTitleBar" Grid.Row="0">
    <Grid.Background>
        <ImageBrush ImageSource="pack://application:,,,/images/banner.jpg" Stretch="Fill" TileMode="None" />
    </Grid.Background>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <Image Grid.Column="0" Margin="4" Source="pack://application:,,,/images/cmbc.gif" HorizontalAlignment="Left" />
    <Label Grid.Column="1" Content="人脸采集系统" FontSize="48" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" FontFamily="STCaiyun" Margin="4" Foreground="White"></Label>
    <StackPanel Grid.Column="2" Margin="4" FlowDirection="RightToLeft" Orientation="Horizontal" HorizontalAlignment="Right">         
        <Button Click="CloseButton_Click" Margin="2,0" ToolTip="关闭">
            <Image Source="pack://application:,,,/images/close.png"></Image>
        </Button>
        <Button Click="MinimizeButton_Click" Margin="2,0" ToolTip="最小化">
            <Image Source="pack://application:,,,/images/minimize.png"></Image>
        </Button>
    </StackPanel>
</Grid>

在代码中重写OnMouseLeftButtonDown函数:

        // 支持标题栏拖动
        protected override void OnMouseLeftButtonDown(MouseButtonEventArgs e)
        {
            base.OnMouseLeftButtonDown(e);

            // 获取鼠标相对标题栏位置
            Point position = e.GetPosition(gridTitleBar);

            // 如果鼠标位置在标题栏内,允许拖动
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                if (position.X >= 0 && position.X < gridTitleBar.ActualWidth && position.Y >= 0 && position.Y < gridTitleBar.ActualHeight)
                {
                    this.DragMove();                    
                }
            }
        }


 

程序界面:





评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值