第16课 用户登录界面

本节课我们编制一个如下图所示的用户登录界面，运用到我们以前学习到的知识。我们的课程就像积木，一块一块的学习，最后累计成一个很大的城堡，一个你想要的自由的城堡。

当我们在用户名的文本框中输入“Michael”和密码的文本框中入“123456”，然后点击按钮“确认进入”。

软件弹出提示框，显示文字“恭喜您成功进入本系统！”。

如果你点击主窗体上的“取消登录”按钮，则会退出整个程序。

还有任务栏上有个“微信”图标作为我们的程序图标。

本课程用到的主窗体背景图片和图标，可以到百度网盘去下载：

链接：https://pan.baidu.com/s/1RMRHuucdouV6VCemYu_q8w密码：qhkd

主窗体设计：

1.设置主窗体的背景图片

首先选中主窗体，然后右击，选择属性，在属性窗口中找到属性“BackgroundImage”，点击右边的“...”,后弹出图片资源选择界面。

选择“项目资源文件”，再点击“导入”按钮，在文件选择界面，自己找下你下载的图片地址，确认即可导入背景图片到主窗体中了。

然后点击属性“BackgroundImageLayout”的右边小箭头，下拉选择属性“Stretch”，当然你也可以试试其他属性，看看效果是什么。Stretch属性可以将图片按照主窗体的大小跟随延展。

最后如下图所示的地方，拖拉这个界面大小，让其看起来舒服自然点，毕竟美观的界面才是用户喜欢的。

接着找到属性“ControlBox”，将其设置为“false”。你会发现主窗体右上角的三个控制最大化最小化和取消的按钮消失了。这样做事为了美观。

接着找到属性“FormNorderStyle”，将其设置为“FixedDialog”。你会发现整个窗体的样式会发生细微的改变，你可以换成其他的样式看看效果。

找到属性“Icon”，点击最后边的“...”，然后找到你下载下来的“*.ico”格式的图片，这样你给软件设计了一个图标。你可以百度ico格式图片，找个你自己喜欢的都可以，大小注意下24PXICO就行了。

找到属性“StartPosition”，选择“CenterScreen”，这样软件启动后会自动的显示在显示器的正中间。

设置属性“Text”为空格，随便敲几下，然后回车，这样窗体的左上角就是空白了，也是为了美观。

2.设置分组框控件

在工具箱中的“所有Windows窗体”中找到“GroupBox”。

将其缩放下大小，盖住背景图片中的登录图样，为了好看哈哈。

设置属性“Text”为“登录”。

设置属性“BackColor”，这个按照自己喜好自由设置。

3.设置标签“Label”控件

放置两个Label控件到GroupBox中，Name属性可以不用设置，因为我们不调用，只将“Text”分别修改成“用户名”和密码。

4.设置文本框“Textbox”控件

放置两个TextBox控件到GroupBox中，Name属性分别设置为用户输入用户名的“tbUserName”和用户输入密码的“tbPWD”，放到对应的标签控件右边。其中tbPWD的属性“PasswordChar”赋值“*”。

5.设置按钮“BUtton”控件

放置两个Button控件到GroupBox中，Name属性分别设置为“btnLogin”和“btnCancel”放到对应的标签控件右边。两个按钮的属性“BackColor”按照自己喜好去设置即可。

最后登录窗体的GroupBox样式如下即可，调整下大小，是整个界面整洁美观。

代码设计：

1.设置btnLogin和btnCancel的单击事件

代码如下图所示，只有两个按钮的dajishijian单击事件。

右击下图用户登录的提示框中选择“...打开文件夹”。

在子文件夹的“bin”---“debug”中找到“用户登录.exe”可执行程序文件，点击可以运行你编制的程序了，是不是很神奇？

我会坚持目前更新方式，周一到周五早上七点半左右发课程，周六休息，周日总结一周内容。

希望大家白天抽空10到30分钟看看，不一定非要一次性看完，利用零碎的时间。晚上回家，利用半小时把代码敲一遍，运行一下，看看有没有什么问题。有问题给我发信息或者留言，要积极主动，调动大脑神经和细胞。

每天把代码照着教程敲一遍，然后自己不看教程试试，运行成功的小伙伴能在留言区留言成功两字，作为你们对自己的激励。

我知道，很多刚接触编程的人，无法形成编程思维。人的大脑是需要时间去形成一块区域的，这块区域去处理编程思维。所以大家每天看课程，自己动手去编程序，不要光看不练，一定要自己去敲代码。

聚沙成塔，每天一点，水滴石穿，日积月累，必成大器！

扫码或者按住图片关注公众号