基于WPF實(shí)現(xiàn)邊緣?？啃Ч?/h1>

 更新時(shí)間：2024年01月09日 09:30:04   作者：zhaotianff  

這篇文章主要為大家信息介紹了如何基于WPF實(shí)現(xiàn)邊緣?？啃Ч?文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下

最近做的某個(gè)功能需要用到邊緣?？?，WPF實(shí)現(xiàn)了下，效果如下

主要實(shí)現(xiàn)原理如下：

1、增加一塊熱點(diǎn)區(qū)域，鼠標(biāo)進(jìn)入時(shí)，觸發(fā)顯示動(dòng)畫，并隱藏?zé)狳c(diǎn)區(qū)域

2、鼠標(biāo)拖動(dòng)或離開窗體，判斷窗體離屏幕邊緣的距離，符合條件的，觸發(fā)隱藏動(dòng)畫，并顯示熱點(diǎn)區(qū)域

3、使用Window.Left屬性進(jìn)行窗體動(dòng)畫

需要注意的地方：

1、在拖動(dòng)窗體時(shí)，不能通過(guò)窗體的Left屬性來(lái)進(jìn)行判斷，因?yàn)長(zhǎng)eft沒(méi)有刷新，可以通過(guò)Win32 API 函數(shù)GetWindowRect來(lái)獲取

2、可以增加緩動(dòng)動(dòng)畫，使動(dòng)畫效果更好。

實(shí)現(xiàn)代碼如下：

MainWindow.xaml

在XAML里定義了顯示和隱藏的動(dòng)畫，窗體定義了兩列，第一列就是隱藏時(shí)用于顯示窗體的熱點(diǎn)區(qū)域

<blur:BlurWindow x:Class="WpfDockDemo.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:WpfDockDemo"
        xmlns:blur="clr-namespace:TianXiaTech;assembly=BlurWindow"
        mc:Ignorable="d"
        Title="MainWindow" Height="650" Width="305" TitleVisibility="Collapsed" IconVisibility="Collapsed" ControlBoxVisibility="Collapsed"
                 Background="White" Name="main" MouseMove="BlurWindow_MouseMove" MouseLeave="main_MouseLeave" Topmost="True" PreviewMouseDown="main_MouseDown">
    <blur:BlurWindow.Resources>
        <Storyboard x:Key="hiddenAnimation">
            <DoubleAnimation Storyboard.TargetName="main" Storyboard.TargetProperty="(Window.Left)" Duration="0:0:0.5" AutoReverse="False">
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="0.3"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Key="showAnimation">
            <DoubleAnimation Storyboard.TargetName="main" Storyboard.TargetProperty="(Window.Left)" Duration="0:0:0.5" AutoReverse="False">
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="0.3" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </blur:BlurWindow.Resources>
    <Grid>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="5"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <Grid Background="Transparent" MouseEnter="grid_DockArea_MouseEnter" Name="grid_DockArea" Visibility="Collapsed">
            <Border Height="{Binding ElementName=main,Path=ActualHeight}" VerticalAlignment="Center" Width="2" Background="Silver">
                <Border.Effect>
                    <DropShadowEffect Color="Black" Opacity=".3"></DropShadowEffect>
                </Border.Effect>
            </Border>
        </Grid>

        <!--網(wǎng)上隨便找的圖-->
        <Image Margin="10" Source="https://pic1.zhimg.com/80/v2-46ae37aad7cb70b4dc4ad4489cdaffdd_720w.webp?source=2c26e567" Grid.Column="1" PreviewMouseDown="main_MouseDown" >
            <Image.Effect>
                <DropShadowEffect Opacity=".5"></DropShadowEffect>
            </Image.Effect>
        </Image>
    </Grid>
</blur:BlurWindow>

引入用到的api函數(shù)

public struct POINT
    {
        public int x;
        public int y;
    }

    public struct RECT
    {
        public int left;
        public int top;
        public int right;
        public int bottom;
    }

    public class User32
    {
        [DllImport("User32.dll")]
        public static extern int GetCursorPos(ref POINT point);

        [DllImport("User32.dll")]
        public static extern bool GetWindowRect(IntPtr hWnd, ref RECT lpRect);
    }

定義一些用于記錄窗體狀態(tài)的變量

private bool isDocking = true;  //是否啟用邊緣?？?
private bool isAnimation = false; //是否正在動(dòng)畫中
private bool isDraged = false;     //是否正在拖動(dòng)中

定義用于窗體顯示和隱藏動(dòng)畫的函數(shù)

private void HideWindow(double left = -1)
        {
            if (left == -1)
            {
                RECT rect = new RECT();
                User32.GetWindowRect(new WindowInteropHelper(this).Handle, ref rect);
                left = rect.left;
            }

            if (SystemParameters.PrimaryScreenWidth - left - this.Width > 15)
                return;

            if (isAnimation)
                return;

            isAnimation = true;
            hiddenAnimation.Begin();
        }

        private void ShowWindow()
        {
            if (isAnimation)
                return;

            grid_DockArea.Visibility = Visibility.Collapsed;
            isAnimation = true;
            showAnimation.Begin();
        }

處理鼠標(biāo)移動(dòng)事件

private void BlurWindow_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                try
                {
                    this.DragMove();
                    isDraged = true;
                }
                catch
                {

                }
            }

            if (e.LeftButton == MouseButtonState.Released && isDocking == true && isDraged == true)
            {
                POINT point = new POINT();
                if (User32.GetCursorPos(ref point) == 1)
                {
                    var pos = e.GetPosition(this);

                    if (pos.X < 0 && pos.Y < 0)
                        HideWindow();
                }

                isDraged = false;
            }
        }

處理鼠標(biāo)按下事件

private void main_MouseDown(object sender, MouseButtonEventArgs e)
        {
            var pos = e.GetPosition(this);
            if (pos.X >= 0 && pos.Y >= 0)
                isDraged = true;
        }

處理鼠標(biāo)離開事件

private void main_MouseLeave(object sender, MouseEventArgs e)
        {
            if (isDocking && isDraged == false)
            {
                HideWindow();
            }
        }

這樣就可以實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的邊緣停靠效果?，F(xiàn)在只實(shí)現(xiàn)了屏幕右側(cè)的邊緣?？?，左邊和上面可以如法炮制。

窗體第一次運(yùn)行是不會(huì)主動(dòng)隱藏的，需要手動(dòng)控制  一下。

到此這篇關(guān)于基于WPF實(shí)現(xiàn)邊緣?？啃Ч奈恼戮徒榻B到這了,更多相關(guān)WPF邊緣?？?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

• WPF使用DockPanel?？棵姘宀季?/a>
• 基于WPF實(shí)現(xiàn)面包屑效果的示例代碼
• 基于WPF實(shí)現(xiàn)跳動(dòng)的字符效果
• WPF使用HLSL實(shí)現(xiàn)百葉窗動(dòng)畫效果
• WPF實(shí)現(xiàn)動(dòng)畫效果的入門教程
• WPF自定義控件實(shí)現(xiàn)ItemsControl魚眼效果

• WPF
• ?？?/a>

相關(guān)文章

• 

  C# 多線程讀取注冊(cè)表，加載至TreeView

  C#下多線程讀取注冊(cè)表，加載至TreeView的實(shí)現(xiàn)代碼。

  2009-09-09
• 

  c#打開py文件的方法

  在本篇內(nèi)容里小編給大家分享的是關(guān)于c#打開py文件的方法和步驟，需要的朋友們可以跟著學(xué)習(xí)下。

  2018-12-12
• 

  C#實(shí)現(xiàn)計(jì)算器功能(winform版)

  這篇文章主要為大家詳細(xì)介紹了C#實(shí)現(xiàn)winform版的計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

  2022-01-01
• 

  C#通過(guò)標(biāo)簽軟件Bartender的ZPL命令打印條碼

  這篇文章介紹了C#通過(guò)標(biāo)簽軟件Bartender的ZPL命令打印條碼，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

  2022-01-01
• 

  C#文件流進(jìn)行壓縮和解壓縮的方法

  這篇文章主要介紹了C#文件流進(jìn)行壓縮和解壓縮的方法,涉及C#文件流操作的相關(guān)技巧,需要的朋友可以參考下

  2015-05-05
• 

  WPF實(shí)現(xiàn)時(shí)鐘特效

  這篇文章主要介紹了WPF實(shí)現(xiàn)時(shí)鐘特效，過(guò)程很簡(jiǎn)單，感興趣的小伙伴們可以參考一下

  2015-11-11
• 

  C#和lua相互調(diào)用的方法教程

  lua是一種腳本語(yǔ)言，可以方便的移植到各種宿主語(yǔ)言中，并且可以支持熱更新，在游戲開發(fā)中也能當(dāng)做主要的語(yǔ)言來(lái)編寫游戲的邏輯，所以這篇文章主要給大家介紹了關(guān)于C#和lua相互調(diào)用的方法教程，需要的朋友可以參考下。

  2017-11-11
• 

  C#實(shí)現(xiàn)圖形區(qū)域組合操作的方法

  這篇文章主要介紹了C#實(shí)現(xiàn)圖形區(qū)域組合操作的方法,涉及C#操作圖片實(shí)現(xiàn)組合操作的相關(guān)技巧,需要的朋友可以參考下

  2015-06-06
• 

  用C#編寫ActiveX控件（三）

  用C#編寫ActiveX控件（三）...

  2007-03-03
• 

  c#反射調(diào)用方法示例

  這篇文章主要介紹了c#反射調(diào)用方法示例,需要的朋友可以參考下

  2014-04-04

最新評(píng)論