C#知识|账号管理系统：修改登录密码界面的UI设计

因公众号更改推送规则，请点“在看”并加“星标”

第一时间获取精彩分享

哈喽，你好啊！我是雷工！

本节记录添加修改登录密码界面的过程，以下为练习笔记。

01  效果演示

演示跳转打开修改登录密码子窗体效果：

02 添加窗体

在UI层添加一个Windows窗体，命名为：FrmModifyPwd.cs;

03 设置窗体属性

按照下表的内容设置窗体的相关属性：

设置属性	属性值	备注
FormBorderStyle	None	设置为无边框和标题栏
Size	685,475	设置窗体尺寸
BackColor	InactiveCaption

04 添加控件

从工具箱中找到GroupBox、Label、Text、Button控件添加到窗体合适的位置。

我习惯于从其他窗体复制同样的控件到该窗体上，我觉得复制窗体可以避免重复设置一些相同的属性，只是调整不同的属性即可，可以提高实施效率。

05 设置控件属性

按照下表记录的属性值设置相关属性。

控件名称	设置属性	属性值	备注
Label1	Text	原密码 ：
Label2	Text	新密码 ：
Label3	Text	确认新密码 ：
TextBox1	BackColor	FixedSingle
（name）	txtOriginalPwd	密码框名称
UseSystemPasswordChar	True	密码框非明文
TextBox2	BackColor	FixedSingle
（name）	txtNewPwd	密码框名称
UseSystemPasswordChar	True	密码框非明文
TextBox3	BackColor	FixedSingle
（name）	txtConfirmPwd	密码框名称
UseSystemPasswordChar	True	密码框非明文
Button1	FlatStyle	Flat	设置无边框
Text	保存修改
TextAlign	MiddleRight	按钮文本的对齐方式
BackColor	DarkSlateGray	设置背景色
Font	White	设置字体文本色
（name）	btnSave
Image	图标	选择备好的图标素材
Button2	FlatStyle	Flat	设置无边框
Text	取消修改
TextAlign	MiddleRight	按钮文本的对齐方式
BackColor	DarkSlateGray	设置背景色
Font	White	设置字体文本色
（name）	btnCancel
Image	图标	选择备好的图标素材

06  修改登录密码

设置主窗体上【修改登录密码】名称为：btnChangePwd；

按钮事件代码：

//修改登录密码private  void  btnChangePwd_Click(object  sender,  EventArgs  e){        OpenForm(new  FrmModifyPwd());//按钮事件调用通用方法}

07  后记

以上为修改登录密码界面子窗体的UI实现，接下来实现修改密码的功能。

有喜欢我笔记分享的朋友，可以点亮在看，加关注，我会继续给你带来精彩分享。

---

觉得有启发点个关注呗↓↓↓

-更多内容可点击下方标签阅读-

投票选出你感兴趣的交流群

[/url][url=http://bbs.plcjs.com/search.php?mod=forum&formhash=7a7f79dd&searchsubmit=true&source=hotsearch&srchtxt=KingFusion%E5%90%88%E9%9B%86]KingFusion合集|[/url][url=http://bbs.plcjs.com/search.php?mod=forum&formhash=7a7f79dd&searchsubmit=true&source=hotsearch&srchtxt=MCGS%E6%98%86%E4%BB%91%E9%80%9A%E6%80%81%E6%95%B0%E6%8D%AE%E5%BA%93]MCGS昆仑通态数据库

[/url][url=http://bbs.plcjs.com/search.php?mod=forum&formhash=7a7f79dd&searchsubmit=true&source=hotsearch&srchtxt=%E5%B7%AE%E6%97%85%E6%B8%B8%E8%AE%B0]差旅游记|[/url][url=http://bbs.plcjs.com/search.php?mod=forum&formhash=7a7f79dd&searchsubmit=true&source=hotsearch&srchtxt=JavaScript]JavaScript|[/url][url=http://bbs.plcjs.com/search.php?mod=forum&formhash=7a7f79dd&searchsubmit=true&source=hotsearch&srchtxt=C%E7%9B%B8%E5%85%B3]C相关

[/url][url=http://bbs.plcjs.com/search.php?mod=forum&formhash=7a7f79dd&searchsubmit=true&source=hotsearch&srchtxt=%E6%95%B0%E5%AD%97%E5%AD%AA%E7%94%9F%E5%B1%B1%E6%B5%B7%E9%B2%B8%E5%8F%AF%E8%A7%86%E5%8C%96]数字孪生山海鲸可视化|C2024

[/url][url=http://bbs.plcjs.com/search.php?mod=forum&formhash=7a7f79dd&searchsubmit=true&source=hotsearch&srchtxt=KingSCADAKingIOServer]KingSCADAKingIOServer

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！