简单的Windows登陆界面设计

要求：

1.用户名必须为字母。

 1 //限定用户名必须为字母
 2         private void txtName_KeyPress(object sender, KeyPressEventArgs e)
 3         {
 4             if ((e.KeyChar >= 'a' && e.KeyChar <= 'z') || (e.KeyChar >= 'A' && e.KeyChar <= 'Z'))
 5             {
 6                 e.Handled = false;
 7             }
 8             else {
 9                 MessageBox.Show("用户名只能为字母！");
10                 e.Handled = true;
11             }
12         }

2.光标进入文本框时背景蓝色，文字白色；光标离开文本框时，背景白色，文字黑色。

界面：

 1   //光标进入文本框时，背景为蓝色，字体为白色；
 2         //光标离开文本框时，背景为白色，字体为黑色。
 3         private void txtName_Enter(object sender, EventArgs e)
 4         {
 5             txtName.ForeColor = Color.White;
 6             txtName.BackColor = Color.Blue;
 7         }
 8
 9         private void txtName_Leave(object sender, EventArgs e)
10         {
11             txtName.BackColor = Color.White;
12             txtName.ForeColor = Color.Black;
13         }

3.当输入用户名“admin”和密码“123”之后，单击”确定“按钮，系统将弹出消息框以显示输入正确，否则显示用户名或密码错误的提示信息。

 1 private void btnLogin_Click(object sender, EventArgs e)
 2         {
 3             string userName = txtName.Text;
 4             string password = txtPwd.Text;
 5             if (userName == "admin" && password == "123")
 6             {
 7                 MessageBox.Show("欢迎进入个人理帐系统！", "登陆成功！", MessageBoxButtons.OK, MessageBoxIcon.Information);
 8             }
 9             else
10             {
11                 MessageBox.Show("您输入的用户名或密码错误！", "登录失败！", MessageBoxButtons.OK, MessageBoxIcon.Exclamation);
12             }
13         }

4.单击”取消“按钮，清除输入信息，并将光标定位在txtName文本框中。

1   private void btnCancel_Click(object sender, EventArgs e)
2         {
3             txtName.Text = "";
4             txtPwd.Text = "";
5             txtName.Focus();
6         }

5.最终界面：

小技巧：为label设置Image属性，为了让图片完整显示出来，需要把label的AutoSize属性设置为false，然后适当拉大label大小。还要注意，ImageAlign属性设置为MiddleLeft，TextAlign属性设置为MiddleRight。

Notice:

（1）ico:是Windows的图标文件格式的一种，可以存储单个图案、多尺寸、多色板的图标文件。

（2）MessageBox：消息框，显示一个模态对话框，其中包含一个系统图标、一组按钮和一个简短的特定于应用程序消息，如状态或错误的信息。

（3）Button的快捷键通过设置Text属性为”取消（&C）“实现。

（4）此练习使用的软件为Visual Studio 2012，图形资源由VS提供，据说在VS的安装文件夹Common7\ImageLibrary中能找到，没有的话，可以到官网下载。

简单的Windows登陆界面设计相关推荐

Android学习之登陆界面设计（一）前后期准备以及相关配置
Android学习之登陆界面设计(一)前后期准备以及相关配置前言成品成品样式成品特点工具系统配置手机配置 Android Studio 3.6.3 SDK 图片来源矢量图标库 Back ...
Android学习之登陆界面设计（二）基本界面设计
Android学习之登陆界面设计(二)基本界面设计前提绘图样式 - drawable bg_login_btn_submit.xml bg_login_panel_slide.xml bg_log ...
【Android】简单的朋友圈界面设计
Android 简单的朋友圈界面设计在Eclipse中创建Android项目,名称为friend 修改新建项目的res/layout目录下的布局文件activity_main.xml,将默认添加的布 ...
w ndows 10画图,网友“羞辱”Windows 10界面设计:用画图 10分钟搞定!
原标题:网友"羞辱"Windows 10界面设计:用画图 10分钟搞定! Windows 10是个好系统,但是UI界面设计一直有不小的争议.微软试图全面扁平化,但很多时候仿佛只是为 ...
android布局基础及范例：QQ登陆界面设计
使用android手机的用户想必都有android手机QQ客户端吧,我们是不是觉得QQ登陆界面非常漂亮美观而且具有亲和力?我们是不是也想作出像 QQ那样美观的界面?有的人肯定会问,做UI那不是美工人员 ...
QML与C++交互:登陆界面设计
环境: 主机:WIN7 开发环境:Qt5.2.1 说明: QML设计前台界面,C++后台负责逻辑效果图: 源代码: 前台qml文件 login.qml [javascript] view plain ...
WDA演练一：用户登陆界面设计(一)
一,新建用户表: 用户和密码参考标准的.这里给用户分了几个维度,以便后面进行接下来的业务设定. 二,新建ZLY_PORTAL 程序. 除了MAIN视图外,在添加LOGON视图. 1.导入预先做好的主页 ...
应用篇1.3 后台登陆界面设计
应用篇1.3 后台登陆界面审计一.后台登陆界面图: 各种准备工作完毕后,对于这款日程管理类的软件,首先设计一个后台登陆功能.可以通过密码保护自己的日程隐私. 1.初次登陆界面如图1.1所示. 2.如 ...
java的login_Java login登陆界面设计
代码如下 package com.jnzyjsxy.test; import java.awt.*; import java.awt.event.*; import javax.swing.*; pu ...

简单的Windows登陆界面设计

简单的Windows登陆界面设计相关推荐

最新文章

热门文章