WPF-一个简单登录界面

这篇具有很好参考价值的文章主要介绍了WPF-一个简单登录界面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一个简单登录界面



一、效果展示

WPF-一个简单登录界面,WPF,wpf,c#

二、准备代码

创建一个WPF工程,创建名为 Login5 的WPF项目。
WPF-一个简单登录界面,WPF,wpf,c#
添加Nuget包

MaterialDesignThemes

界面的整体布局和样式代码

<Window x:Class="Login5.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:Login5"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800"
        ResizeMode="NoResize" WindowStartupLocation="CenterScreen"
        WindowStyle="None">
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Red.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />

            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>
    <Grid MouseDown="Grid_MouseDown">
        <Grid.Background>
            <LinearGradientBrush StartPoint="0.1,0" EndPoint="0.9,1">
                <GradientStop Offset="1" Color="#FFE63070"/>
                <GradientStop Offset="0" Color="#FFFE8704"/>
            </LinearGradientBrush>
        </Grid.Background>
        <Border Height="390" VerticalAlignment="Top" 
                Background="#100E17" CornerRadius="0 0 180 0">
            <StackPanel Orientation="Horizontal">
                <StackPanel Width="350">
                    <Image Width="300" Height="300" Margin="30" 
                           VerticalAlignment="Top" Stretch="Fill" Source="pack://application:,,,/Login5;component/Images/left.png"/>
                </StackPanel>
                <StackPanel Width="350">
                    <StackPanel Margin="20,40">
                        <TextBlock Margin="20" FontFamily="Great Vibes"
                                   FontSize="38" Foreground="White" TextAlignment="Center">
                            用户登录
                        </TextBlock>
                        <StackPanel Margin="10" Orientation="Horizontal">
                            <materialDesign:PackIcon
                                Width="25" Height="25" Foreground="White"
                                Kind="User"/>
                            <TextBox x:Name="txtUserName" Width="250"
                                     Margin="10,0" BorderBrush="White"
                                     CaretBrush="#FFD94448" Foreground="White"
                                     SelectionBrush="#FFD94448"
                                     materialDesign:HintAssist.Hint="输入 用户名 / 邮箱"/>
                        </StackPanel>
                        <StackPanel Margin="10" Orientation="Horizontal">
                            <materialDesign:PackIcon
                                 Width="25" Height="25" Foreground="White"
                                 Kind="Lock"/>
                             <PasswordBox x:Name="txtPassword" Width="250"
                                      Margin="10,0" BorderBrush="White"
                                      CaretBrush="#FFD94448" Foreground="White"
                                      SelectionBrush="#FFD94448"
                                      materialDesign:HintAssist.Hint="********"/>
                        </StackPanel>
                        <StackPanel Margin="10" HorizontalAlignment="Center">
                            <Button  x:Name="btnLogin" Width="100" Height="40"
                                     materialDesign:ButtonAssist.CornerRadius="10"
                                     Background="#D94448" BorderBrush="#D94448" BorderThickness="2"
                                     Content="登录" Foreground="White" ToolTip="登录"
                                     Style="{StaticResource MaterialDesignRaisedButton}"/>
                        </StackPanel>
                    </StackPanel>
                </StackPanel>
                <StackPanel Width="100">
                    <Button x:Name="btnExit" Margin="10,20" Background="{x:Null}"
                            Click="btnExit_Click" Style="{StaticResource MaterialDesignFloatingActionButton}"
                            ToolTip="关闭">
                        <materialDesign:PackIcon Width="30" Height="30" 
                                                 Foreground="White" Kind="Close"/>
                    </Button>
                </StackPanel>
            </StackPanel>

        </Border>
    </Grid>
</Window>

MainWindow.xaml.cs文章来源地址https://www.toymoban.com/news/detail-757569.html

using System.Windows;
using System.Windows.Input;

namespace Login5
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void btnExit_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

        private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
        {
            if(Mouse.LeftButton == MouseButtonState.Pressed)
            {
                this.DragMove();
            }
        }
    }
}

到了这里,关于WPF-一个简单登录界面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [WPF]动手写一个简单的消息对话框

    消息对话框是UI界面中不可或缺的组成部分,用于给用户一些提示,警告或者询问的窗口。在WPF中,消息对话框是系统原生(user32.dll)的MessageBox,无法通过Style或者Template来修改消息对话框的外观。因此,当需要一个与应用程序主题风格一致的消息对话框时,只能自己动手造

    2024年02月05日
    浏览(43)
  • 界面组件Telerik UI for WPF可轻松实现直方图,让数据可视化更简单

    Telerik UI for WPF拥有超过100个控件来创建美观、高性能的桌面应用程序,同时还能快速构建企业级办公WPF应用程序。UI for WPF支持MVVM、触摸等,创建的应用程序可靠且结构良好,非常容易维护,其直观的API将无缝地集成Visual Studio工具箱中。 Telerik UI for WPF | 下载试用 (Q技术交流:

    2024年02月08日
    浏览(45)
  • dotnet 简单方法在一个进程内同时跑起 WPF 和 ASP.NET Core 框架

    从设计架构上,无论是 WPF 还是 ASP.NET Core 框架,都是在 dotnet 运行时上层的应用,两个框架处于平级的结构。理论上讲,两个平级的框架只要不存在特殊的情况,都是能够相容存在的。本文将和大家介绍一个非常简单的方法,在一个进程内同时跑起 WPF 和 ASP.NET Core 框架 在一

    2024年04月26日
    浏览(45)
  • JSP写一个简单的登录界面

    JSP实现不链接数据库的简单登录功能实现 文章目录 系列文章目录 前言 一、jsp是什么? 二、使用到的页面代码 1.login.jsp 2.index.jsp 3.LoginServlet.java 总结 提示:这里可以添加本文要记录的大概内容: 例如:随着JSP在每个高校的基本普及,JSP这门语言的搜索也越来越多,很多人都

    2023年04月09日
    浏览(43)
  • qt设计一个简单的注册登录界面

    实现代码:

    2024年02月14日
    浏览(40)
  • 用Ecplice做一个简单的登录界面

     1、组件布局 2、 代码 注意:如需登录,需要再重新定义一个项目,实现页面跳转的功能。

    2024年02月11日
    浏览(31)
  • HTML写一个简单的登录注册界面

    希望对你们有所帮助,再此感谢各位读者的支持,再次感谢!!! 

    2024年02月12日
    浏览(40)
  • Android studio编写一个简单的登录界面

    1首先先创建一个空的activity项目,接着设置自己的项目名称,勾选上lacuncher 创建成功后点开 manifests 把刚刚创建的文件名下面的 intent-filter 这一行全部删除 然后点开res,复制一张图片,右键drawable点击粘贴,这里放的是图片资源,用于放置登录头像 然后点开layout文件,开始编

    2024年04月15日
    浏览(41)
  • 使用QT制作一个简单的登录-注册界面

    1、作业需求   2、实现过程 1)Widget.h文件 2)Widget.cpp文件

    2024年02月11日
    浏览(42)
  • PyQt5制作一个简单的登录界面

    最近在学习GUI设计,分享做的一些小项目。 这篇文我们讲一下如何制作一个简单的登录界面。 如下: 1、QtDesigner里绘制UI界面并设置属性 布局根据个人喜好,部件颜色、字体、背景属性在styleSheet里设置。 2、材料转换(将.ui文件转.py,.qrc文件转_rc.py) 通过PyUIC和PyRcc即可完成。

    2024年02月03日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包