创新型的顺的网站制作,如何做专业的模板下载网站,wordpress资源下载页面,自己搞个网站阅读目录效果展示准备简单说明 源码结尾#xff08;视频及源码仓库#xff09;1. 效果展示欣赏效果#xff1a;2. 准备创建一个WPF工程#xff0c;比如站长使用 .NET 7[1] 创建名为 Login5 的WPF项目。找一张图片做为装饰#xff0c;放登录表单左侧#xff1a;添加Nuget… 阅读目录效果展示准备简单说明 源码结尾视频及源码仓库1. 效果展示欣赏效果2. 准备创建一个WPF工程比如站长使用 .NET 7[1] 创建名为 Login5 的WPF项目。找一张图片做为装饰放登录表单左侧添加Nuget包 MaterialDesignThemes[2]PackageReference IncludeMaterialDesignThemes Version4.6.0-ci176 /3. 简单说明 源码界面比较简单代码也不多我们直接贴代码。MainWindow.xaml界面的整体布局和样式都在这个文件内Windowx:ClassLogin5.MainWindowxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:dhttp://schemas.microsoft.com/expression/blend/2008xmlns:materialDesignhttp://materialdesigninxaml.net/winfx/xaml/themesxmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006TitleMainWindowWidth800Height450ResizeModeNoResizeWindowStartupLocationCenterScreenWindowStyleNonemc:IgnorabledWindow.ResourcesResourceDictionaryResourceDictionary.MergedDictionariesResourceDictionary Sourcepack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml /ResourceDictionary Sourcepack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml /ResourceDictionary Sourcepack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Red.xaml /ResourceDictionary Sourcepack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml //ResourceDictionary.MergedDictionaries/ResourceDictionary/Window.ResourcesGrid MouseDownBorder_MouseDownGrid.BackgroundLinearGradientBrush StartPoint0.1,0 EndPoint0.9,1GradientStop Offset1 Color#FFE63070 /GradientStop Offset0 Color#FFFE8704 //LinearGradientBrush/Grid.BackgroundBorderHeight390VerticalAlignmentTopBackground#100E17CornerRadius0 0 180 0 /StackPanel OrientationHorizontalStackPanel Width350ImageWidth300Height300Margin30VerticalAlignmentTopSourcepack://application:,,,/Login5;component/Images/ICON4801.pngStretchFill //StackPanelStackPanel Width350StackPanel Margin20,40TextBlockMargin20FontFamilyGreat VibesFontSize38ForegroundWhiteText用户登录TextAlignmentCenter /StackPanel Margin10 OrientationHorizontalmaterialDesign:PackIconWidth25Height25ForegroundWhiteKindUser /TextBoxx:NametxtUsernameWidth250Margin10,0materialDesign:HintAssist.Hint输入 用户名 / 邮箱BorderBrushWhiteCaretBrush#FFD94448ForegroundWhiteSelectionBrush#FFD94448 //StackPanelStackPanel Margin10 OrientationHorizontalmaterialDesign:PackIconWidth25Height25ForegroundWhiteKindLock /PasswordBoxx:NametxtPasswordWidth250Margin10,0materialDesign:HintAssist.Hint********BorderBrushWhiteCaretBrush#FFD94448ForegroundWhiteSelectionBrush#FFD94448 //StackPanelStackPanel Margin10 HorizontalAlignmentCenterButtonx:NamebtnLoginWidth100Height40materialDesign:ButtonAssist.CornerRadius10Background#D94448BorderBrush#D94448BorderThickness2Content登录ForegroundWhiteStyle{StaticResource MaterialDesignRaisedButton}ToolTip登录 //StackPanel/StackPanel/StackPanelStackPanel Width100Buttonx:NamebtnExitMargin10,20Background{x:Null}ClickbtnExit_ClickStyle{StaticResource MaterialDesignFloatingActionButton}ToolTipClosematerialDesign:PackIconWidth30Height30ForegroundWhiteKindClose //Button/StackPanel/StackPanel/Grid
/WindowMainWindow.xaml.cs窗体拖动和关闭按钮事件using System.Windows;
using System.Windows.Input;namespace Login5;public partial class MainWindow : Window
{public MainWindow(){InitializeComponent();}private void Border_MouseDown(object sender, MouseButtonEventArgs e){this.DragMove();}private void btnExit_Click(object sender, RoutedEventArgs e){this.Close();}
}4. 结尾视频及源码仓库有兴趣可以看看原作者视频推荐下方给出视频及源码仓库链接参考油管视频作者C# Code Academy[3]油管视频Multiple User Login Form | C# WPF[4]参考代码Multi-login-CSharp-WPF[5]本文代码Login5[6]参考资料[1].NET 7: https://dotnet.microsoft.com/zh-cn/[2]MaterialDesignThemes: https://dotnet9.com/2020/12/Material-designinxaml-an-open-source-csharp-WPF-Control-Library[3]C# Code Academy: https://www.youtube.com/channel/UCMTD4dfLZb8nhMOsVwGvHJw[4]Multiple User Login Form | C# WPF: https://www.youtube.com/watch?vt4Kg62UeSws[5]Multi-login-CSharp-WPF: https://github.com/alihaider11/Multi-login-CSharp-WPF[6]Login5: https://github.com/dotnet9/TerminalMACS.ManagerForWPF/tree/master/src/WPFDesignDemos/Login5
