C#WPF相对好看的登录界面

发布于:2024-04-25 ⋅ 阅读:(150) ⋅ 点赞:(0)

        创作背景:每一个项目都会有一个登录窗口,我个人是比较在意登录窗口的美观程度的,起码来说不要让人看到登录窗口,就有劝退的既视感。这里给出一个相对简单,并且有种简约美感的界面,分享给大家,截图如下:

        实现代码如下:

<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>

 


网站公告

今日签到

点亮在社区的每一天
去签到