WPF登录界面样例
XAML文件内容如下
1 <Window x:Class="ERP.Views.Login"
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6 xmlns:local="clr-namespace:ERP.Views"
7 mc:Ignorable="d"
8 WindowStyle="None"
9 ResizeMode="NoResize"
10 WindowStartupLocation="CenterScreen"
11 MouseDown="Window_MouseDown"
12 Background="Transparent"
13 AllowsTransparency="True"
14 Title="Login" Height="550" Width="800">
15 <Border CornerRadius="12">
16 <Border.Background>
17 <ImageBrush ImageSource="/resource/login_background.png" Stretch="None"/>
18 </Border.Background>
19 <Border CornerRadius="10" BorderThickness="1" Opacity="0.9">
20 <Border.BorderBrush>
21 <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
22 <GradientStop Color="#462ad8" Offset="0"/>
23 <GradientStop Color="#da34a1" Offset="0.75"/>
24 <GradientStop Color="#8a16c1" Offset="1"/>
25 </LinearGradientBrush>
26 </Border.BorderBrush>
27 <Border.Background>
28 <LinearGradientBrush StartPoint="0,1" EndPoint="1,0">
29 <GradientStop Color="#060531" Offset="0"/>
30 <GradientStop Color="#1b1448" Offset="0.75"/>
31 </LinearGradientBrush>
32 </Border.Background>
33 <Grid>
34 <Grid.RowDefinitions>
35 <RowDefinition Height="30"/>
36 <RowDefinition/>
37 </Grid.RowDefinitions>
38 <Grid>
39 <Grid.ColumnDefinitions>
40 <ColumnDefinition/>
41 <ColumnDefinition Width="25"/>
42 <ColumnDefinition Width="25"/>
43 <ColumnDefinition Width="5"/>
44 </Grid.ColumnDefinitions>
45 <TextBlock Text="登录"
46 Foreground="#cccccc"
47 FontSize="10"
48 FontFamily="Montserrat"
49 Grid.Column="0"
50 VerticalAlignment="Center"
51 Margin="10 0 0 0"/>
52 <Button x:Name="btnMinimize"
53 Grid.Column="1"
54 Content="-"
55 FontSize="16"
56 Foreground="White"
57 FontFamily="Montserrat"
58 Cursor="Hand"
59 Click="btnMinimize_Click">
60 <Button.Style>
61 <Style TargetType="Button">
62 <Setter Property="Background" Value="#28aeed"/>
63 <Style.Triggers>
64 <Trigger Property="IsMouseOver" Value="True">
65 <Setter Property="Background" Value="#278bef"/>
66 </Trigger>
67 </Style.Triggers>
68 </Style>
69 </Button.Style>
70 <Button.Template>
71 <ControlTemplate TargetType="Button">
72 <Border Width="18" Height="18" CornerRadius="9" Background="{TemplateBinding Background}">
73 <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>
74 </Border>
75 </ControlTemplate>
76 </Button.Template>
77 </Button>
78 <Button x:Name="btnClose"
79 Grid.Column="2"
80 Content="X"
81 FontSize="16"
82 Foreground="White"
83 FontFamily="Montserrat"
84 Cursor="Hand"
85 Click="btnClose_Click">
86 <Button.Style>
87 <Style TargetType="Button">
88 <Setter Property="Background" Value="#da34ae"/>
89 <Style.Triggers>
90 <Trigger Property="IsMouseOver" Value="True">
91 <Setter Property="Background" Value="#c62dae"/>
92 </Trigger>
93 </Style.Triggers>
94 </Style>
95 </Button.Style>
96 <Button.Template>
97 <ControlTemplate TargetType="Button">
98 <Border Width="18" Height="18" CornerRadius="9" Background="{TemplateBinding Background}">
99 <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>
100 </Border>
101 </ControlTemplate>
102 </Button.Template>
103 </Button>
104 </Grid>
105 <StackPanel Width="250"
106 Margin="0 35 0 0"
107 Grid.Row="1">
108 <Image Source="/resource/login_logo.png"
109 Width="100"
110 Height="100"/>
111 <TextBlock Text="ERP"
112 Foreground="White"
113 FontSize="25"
114 FontWeight="Medium"
115 FontFamily="Montserrat"
116 HorizontalAlignment="Center"
117 />
118 <TextBlock
119 Text="ERP系统，优化流程，精准决策，引领企业迈向数字化管理新时代！"
120 Foreground="LightGray"
121 FontSize="12"
122 FontWeight="Medium"
123 FontFamily="Montserrat"
124 TextWrapping="Wrap"
125 TextAlignment="Center"
126 Margin="0 5 0 0"
127 />
128 <TextBlock Text="用户名"
129 Foreground="DarkGray"
130 FontSize="12"
131 FontWeight="Medium"
132 FontFamily="Montserrat"
133 Margin="0 35 0 0"
134 />
135 <TextBox x:Name="txtUser"
136 FontSize="13"
137 FontWeight="Medium"
138 FontFamily="Montserrat"
139 Foreground="White"
140 CaretBrush="LightGray"
141 BorderBrush="DarkGray"
142 BorderThickness="0 0 0 1"
143 Height="28"
144 VerticalContentAlignment="Center"
145 Margin="0 5 0 0"
146 Padding="35 0 0 0"
147 >
148 <TextBox.Background>
149 <ImageBrush ImageSource="/resource/登录.png"
150 Stretch="Uniform"
151 AlignmentX="Left"/>
152 </TextBox.Background>
153 </TextBox>
154 <TextBlock Text="密码"
155 Foreground="DarkGray"
156 FontSize="12"
157 FontWeight="Medium"
158 FontFamily="Montserrat"
159 Margin="0 15 0 0"
160 />
161 <PasswordBox x:Name="txtPassword"
162 FontSize="13"
163 FontWeight="Medium"
164 FontFamily="Montserrat"
165 Foreground="White"
166 CaretBrush="LightGray"
167 BorderBrush="DarkGray"
168 BorderThickness="0 0 0 1"
169 Height="28"
170 VerticalContentAlignment="Center"
171 Margin="0 5 0 0"
172 Padding="35 0 0 0"
173 >
174 <PasswordBox.Background>
175 <ImageBrush ImageSource="/resource/登录密码.png"
176 Stretch="Uniform"
177 AlignmentX="Left"/>
178 </PasswordBox.Background>
179 </PasswordBox>
180 <Button x:Name="btnLogin"
181 Content="登录"
182 FontSize="16"
183 Foreground="White"
184 FontFamily="Montserrat"
185 Cursor="Hand"
186 Margin="0,50,0,0"
187 Click="Button_Click">
188 <Button.Style>
189 <Style TargetType="Button">
190 <Setter Property="Background" Value="#462ad8"/>
191 <Style.Triggers>
192 <Trigger Property="IsMouseOver" Value="True">
193 <Setter Property="Background" Value="#28aeed"/>
194 </Trigger>
195 </Style.Triggers>
196 </Style>
197 </Button.Style>
198 <Button.Template>
199 <ControlTemplate TargetType="Button">
200 <Border Width="150" Height="40" CornerRadius="20" Background="{TemplateBinding Background}">
201 <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>
202 </Border>
203 </ControlTemplate>
204 </Button.Template>
205 </Button>
206 <StackPanel Orientation="Horizontal"
207 HorizontalAlignment="Center"
208 Margin="0,15,0,0">
209 <TextBlock Text="忘记了密码？"
210 Foreground="DarkGray"
211 FontSize="12"
212 FontWeight="Medium"
213 FontFamily="Montserrat"
214 Cursor="Hand"/>
215 <TextBlock Text="重置密码"
216 Foreground="White"
217 FontSize="12"
218 FontWeight="Medium"
219 FontFamily="Montserrat"
220 Cursor="Hand"
221 Margin="8,0,0,0"/>
222 </StackPanel>
223 </StackPanel>
224 </Grid>
225 </Border>
226 </Border>
227 </Window>
效果图
资源
背景图
logo
图标
WPF登录界面样例的更多相关文章
- RDIFramework.NET V2.5（.NET快速信息化系统开发框架） Web版界面样例（可参考）
RDIFramework.NET V2.5(.NET快速信息化系统开发框架) Web版介绍 现已升级到V2.8,点击查看 B/S结构(Browser/Server,浏览器/服务器模式),是WEB兴起 ...
- Swift - 自动布局库SnapKit的使用详解4（样例1：实现一个登录页面）
前面的几篇文章讲解了自动布局库SnapKit的使用方法.本文通过一个完整的样例(登录页面)来演示在实际项目中如何使用SnapKit来实现自动化布局的.1,效果图如下
- JAVA简单Swing图形界面应用演示样例
JAVA简单Swing图形界面应用演示样例 package org.rui.hello; import javax.swing.JFrame; /** * 简单的swing窗体 * @author l ...
- WPF开发实例——仿QQ登录界面
原文:WPF开发实例--仿QQ登录界面 版权声明:本文为博主原创文章,如需转载请标明转载地址 http://blog.csdn.net/u013981858 https://blog.csdn.net ...
- ucgui界面设计演示样例2
ucgui界面设计演示样例2 本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 环境: 主机:WIN8 开发环境:MDK4.72 ucgui版本号:3 ...
- MVC模式编程演示样例-登录验证（静态）
好,上篇博客分享了本人总结的JSP-Servlet-JavaBean三层架构编程模式的实现思想和基本流程,接下来给大家分享一个MVC编程模式的实现演示样例-登录验证的过程,这里我仍然用的是静态的验证u ...
- 少量代码设计一个登录界面（二） – .NET CORE(C#) WPF开发
微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏. 阅读导航 本文背景 代码实现 本文参考 源码 1. 本文背景 同上篇文章<少量代码设计一 ...
- 少量代码设计一个登录界面 - .NET CORE(C#) WPF开发
微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏. 少量代码设计一个登录界面 - .NET CORE(C#) WPF开发 阅读导航 本文背景 代码 ...
- JSP实现用户登录样例
业务描述 用户在login.jsp页面输入用户名密码登录: 如果用户名为xingoo,密码为123,则跳转到成功界面login_success.jsp,并显示用户登录的名字: 如果用户名密码错误,则跳 ...
- 【WPF学习笔记】之如何传递第一个登录界面的值到下一个页面显示：动画系列之（三）
... ... 承接系列(二) 在之前的登录后台已设置发送到主界面: 在主界面接收传递的值: using System; using System.Collections.Generic; using ...
随机推荐
- Java 继承与多态：代码重用与灵活性的巧妙结合
Java 继承(子类和超类) 在 Java 中,可以从一个类继承属性和方法到另一个类.我们将"继承概念"分为两类: 子类(child): 从另一个类继承的类 超类(parent): ...
- cesiumjs GIS引擎源码编译并运行-2021年3月18日最新版【1.68~1.79.1版本亲测成功】
前言 本篇最初是在2020年的[macOS Big Sur + Cesium 1.76版本]下编译成功,后在[macOS Catalina+cesium 1.79.1版本]编译过程中,出现编译的错误和 ...
- 通过一个非常简单的SSM项目来将SpringMVC配置整理清晰。
所有的文件在Git上面都能找到,由于把代码搞上来看的很不舒服,结构不清晰. 第一步:确定环境 IDEA MySQL 5.7.19 Tomcat 9 Maven 3.6 第二步:创建数据库 参考GIT上 ...
- 《C# in depth》第6章C#6.0中的更改(十四)——表达式体
表达式体成员是一种在C# 6及以上版本中引入的语法.它允许开发人员使用Lambda表达式来简化方法或属性的定义. 在使用表达式体成员时,可以将方法或属性的实现写在一个Lambda表达式中,然后直接返回 ...
- JavaWeb技术JSP连接数据库操作
"感谢您阅读本篇博客!如果您觉得本文对您有所帮助或启发,请不吝点赞和分享给更多的朋友.您的支持是我持续创作的动力,也欢迎留言交流,让我们一起探讨技术,共同成长!谢谢!" 0X01 ...
- 第 6章 Python 应对反爬虫策略
第 6章 Python 应对反爬虫策略 爬取一个网站的基本步骤 (1)分析请求:URL 规则.请求头规则.请求参数规则. (2)模拟请求:通过 Requests 库或 urllib 库来模拟请求. ( ...
- 龙湖千丁基于 ACK@Edge 的云原生智慧停车系统架构实践
简介: 结合龙湖千丁自研的新版停车云系统以及 ACK@Edge 提供的标准 Kubernetes 服务以及云边一体化协同解决方案,整体来着,边缘部署时间成本由 1 天缩短到 3 小时,将之前的手动升级 ...
- 阿里云消息队列 Kafka-消息检索实践
简介: 本文章主要介绍消息队列使用过程中所遇到的消息丢失.重复消费等痛点问题的排查办法,以及消息队列 Kafka「检索组件」的场景实践,并对其关键技术进行解读.旨在帮助大家对消息队列 Kafka「检索 ...
- C#类型后加问号?
C# 可空类型(Nullable)说明_w3cschool 细说Nullable<T>类型 - Sweet-Tang - 博客园 (cnblogs.com) 值类型变量不能null,加问号 ...
- dotnet 6 修复在 System.Text.Json 使用 source generation 源代码生成提示 SYSLIB1032 错误
在 dotnet 6 内置了通过源代码生成的方式进行序列化 JSON 对象,性能非常高.使用的时候需要将 Json 序列化工具类换成 dotnet 运行时自带的 System.Text.Json 进行 ...