创作背景:每一个项目都会有一个登录窗口,我个人是比较在意登录窗口的美观程度的,起码来说不要让人看到登录窗口,就有劝退的既视感。这里给出一个相对简单,并且有种简约美感的界面,分享给大家,截图如下:
实现代码如下:
<Window x:Class="SettingRES.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:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
xmlns:local="clr-namespace:SettingRES"
mc:Ignorable="d"
WindowStartupLocation="CenterScreen"
Title="Login" Height="260" Width="360" WindowStyle="None" ResizeMode="NoResize">
<DockPanel>
<Grid DockPanel.Dock="Top" Height="30" Background="Purple" MouseMove="Grid_MouseMove">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="20 0">
<Button Height="20" Width="20" Click="Min_Click" Background="{x:Null}" Style="{StaticResource MaterialDesignFloatingActionMiniButton}" BorderBrush="{x:Null}">
<materialDesign:PackIcon Kind="WindowMinimize" />
</Button>
<Button Height="20" Width="20" Click="Close_Click" Background="{x:Null}" Style="{StaticResource MaterialDesignFloatingActionMiniButton}" BorderBrush="{x:Null}">
<materialDesign:PackIcon Kind="Power" />
</Button>
</StackPanel>
</Grid>
<Grid>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0 10" Style="{StaticResource MaterialDesignHeadline3TextBlock}" Text="欢迎登录" />
<TextBox x:Name="UserName" HorizontalAlignment="Center" VerticalAlignment="Top" materialDesign:HintAssist.Hint="UserName"
Margin="0 80" Width="200" Style="{StaticResource MaterialDesignFloatingHintTextBox}" />
<PasswordBox x:Name="FloatingPasswordBox" HorizontalAlignment="Center" VerticalAlignment="Top" Width="200" Margin="0 130 0 0"
materialDesign:HintAssist.Foreground="Green" materialDesign:HintAssist.Hint="PassWord"
materialDesign:TextFieldAssist.UnderlineBrush="Green" Style="{StaticResource MaterialDesignFloatingHintPasswordBox}" />
<Button HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="80,0,0,10" Content="登录" Width="80" Height="30" Click="Button_Click"/>
<Button HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,80,10" Content="退出" Width="80" Height="30" Click="Button_Click_1"/>
</Grid>
</DockPanel>
</Window>