Simple implementation of cool GUI window based on WPF

「 Blog move 」 New address : Simple books

This paper aims to realize the implementation based on WPF Cool GUI window , Trying to achieve a really usable and practical GUI window .

The effect to be achieved in this paper is shown in the figure ：

The results are summarized as follows ：

• No title bar , Or customize the title bar
• The translucency of the window
• Windows are free to drag and drop
• Enter as well as Esc Wait for the default key
• Right-click menu

1. The effect of the window is realized

1.1 Window appearance related

First, create a new window , Change the look , Set the properties of the window as follows ：

• Appearance settings , 「AllowsTransparency」 Check the check box , The window can be made transparent , meanwhile 「WindowStyle」 Will automatically change to 「None」, The default title bar of the window disappears , You can choose to customize the title bar .

• After the window allows transparency , stay 「Background」、「BorderBrush」 And so on , Set the background and border color of the form . It can be set to solid color, various gradient shapes and various transparent shapes .

• Use 「BorderThickness」 Item to set the border width of the form .

• 「Opacity」 Set the opacity of the entire interface

The setting interface is shown in the following figure ：

1.2 Window size position dependent

Change the position of the window , Set the following properties ：

• WindowStartupLocation： Change the position when the window is opened
• WindowState： Change the size of the window when it is opened , Full screen window can be set
• Topmost： Top this window
• Width and Height： The size of the window when it is opened
• MinWidth and MinHeight： The minimum size of the window

2. It is convenient to realize the function of window operation

For the convenience of window operation , The following settings can be made ：

• Set up a button Properties of , Set up IsCancel and IsDefault attribute , Can be set up Enter and Esc Button triggered by key .

• Set the window to be dragged anywhere , The event calling method of the window can be set , Set up MouseLeftButtonDown The calling method of the event .

The setting method is as follows ：

private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    DragMove();
}

Click the close button to end the entire application , You can set the callback method for closing events , You can also set the method of button click event , as follows ：

private void btnExit_Click(object sender, RoutedEventArgs e)
{
    Environment.Exit(0);
}

Realize the right-click menu of the window and its click event , You need to set the window 「ContextMenu」 attribute , Or in the Xaml In file , Add the following ：

<Window.ContextMenu>
    <ContextMenu Name="ChangePassword">
        <MenuItem Header=" Change login password " Click="MenuItemChangePassword_Click" />
        <MenuItem Header=" About " Click="MenuItemAbout_Click" />
    </ContextMenu>
</Window.ContextMenu>