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 ...
随机推荐
- 一文带你详细了解HarmonyOS折叠屏设计规范！
原文:https://mp.weixin.qq.com/s/G25IbfcX2Bq9s1IDPCELGw,点击链接查看更多技术内容. 随着新一代折叠屏手机HUAWEI Mate Xs 2发布,Harm ...
- 重新整理数据结构与算法(c#)——算法套路迪杰斯特拉算法[三十一]
前言 迪杰斯特拉算法 是求最短路径方法的其中一种,这个有什么作用呢? 有一张图: 假设求G点到其他各点的最小路径. 是这样来的. 比如找到了和G点相连接所有点,ABED.这时候确定GA是一定是最短的, ...
- NodeJs初探索
练习1:模块之间的引用 a.js // 引入b.js模块 var b = require("./b"); // 调用对象里的方法: 对象.属性名 对象.方法名() b.add(); ...
- Dubbo-Admin 正式支持 3.0 服务治理
简介:Dubbo 相信大家并不陌生,是一款微服务开发框架,它提供了 RPC 通信与微服务治理两大关键能力.大家在日常开发中更多使用的是 Dubbo 提供的 RPC 通信这一部分能力,而对其提供的服务 ...
- 谈谈JVM内部锁升级过程
简介: 对象在内存中的内存布局是什么样的?如何描述synchronized和ReentrantLock的底层实现和重入的底层原理?为什么AQS底层是CAS+volatile?锁的四种状态和锁升级过程应 ...
- 重磅 | 数据库自治服务DAS论文入选全球顶会SIGMOD，领航“数据库自动驾驶”新时代
简介: 近日,智能数据库和DAS团队研发的智能调参ResTune系统论文被SIGMOD 2021录用,SIGMOD是数据库三大顶会之首,是三大顶会中唯一一个Double Blind Review的,其 ...
- 阿里云边缘云ENS再升级 四大场景应用加速产业数字化落地
简介: 云栖大会 | 于10月21日上午举办的边缘云应用升级与技术创新论坛中,阿里云边缘云ENS产品全面升级,从边缘云产品.技术.行业应用等维度全面阐述阿里云在边缘计算领域的技术积累.产品& ...
- [FAQ] Vmmem 内存占用高的问题 -Win10 -WLS2
1按下Windows + R 键,输入 %UserProfile% 并运行进入用户文件夹 2新建文件 .wslconfig ,然后记事本编辑 3 填入以下内容并保存, memory为系统内存上限,这里 ...
- Microsoft SQL Server 自定义函数整理大全
https://www.cnblogs.com/ybb521/p/3210271.html
- 一键接入大模型：One-Api本地安装配置实操
前言 最近准备学习一下 Semantic Kernel, OpenAI 的 Api 申请麻烦,所以想通过 One-api 对接一下国内的在线大模型,先熟悉一下 Semantic Kernel 的基本用 ...