C#知识|上位机项目登录窗口设计（实例）

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

第一时间获取精彩技术分享

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

本节通过练习实例学习上位机项目UI设计方法与技巧，以下为学习笔记。

01 界面尺寸

1.1、对于客户对界面有要求的，则需要按照客户要求设计和开发；

1.2、对于客户没有提出要求的情况，则需要前期调研客户对软件界面的功能要求，布局想法，及大概展示效果再确定；

1.3、C#项目常见尺寸：1500*1000（900）   1300*（根据显示内容需求）

1.4、建议的比例：4:3    16:10

02  总体风格：

无边框，扁平化设计（简约时尚），实际项目中一般由专门的UI设计界面，

03  效果展示

04 实现步骤：

4.1、创建项目

4.2、设计登录界面

将默认的窗体名Form1修改为“FrmLogin”

4.3、窗体无边框化

在FrmLogin属性中找到FormBorderStyle，将其改为None；

4.4、调整窗口尺寸

修改窗体尺寸为539*300

4.5、调整打开位置

找到StartPosition属性，将其值修改为：CenterScreen;

StartPosition属性的5个选项，意思分别为：

Manual：窗体的位置由Location属性决定；

CenterScreen：窗体在当前显示窗口中居中显示，其尺寸在窗体大小中设置；

WindowsDefaultBounds：窗体定位在Windows默认位置，其边界由Windows默认决定；

WindowsDefaultLocation：窗体定位在Windows默认位置，其尺寸在窗体大小中指定。

Centerparent：窗体在其父窗体中居中；

4.6、用户登录名

将Text属性改为“用户登录窗”

4.7、修改图标

通过Icon属性修改图标，可以在窗体的系统菜单框中显示，以及当窗体最小化时显示。

4.8、修改背景

通过Backgroundimage属性为窗体添加背景图，选择准备好的背景图：

4.9、添加控件

在界面添加需要的控件，并设置属性值

控件名称	设置属性	属性值	备注
Lable1	Text	用户账号：
Lable2	Text	用户密码：
TextBox1	BackColor	FixedSingle
（name）	txtAccount	账号框名
Text	leigong001	样例暂设置为固定
TextBox2	BackColor	FixedSingle
（name）	txtPwd	密码框名称
UseSystemPasswordChar	True	密码框非明文
CheckBox	Text	记住密码
（name）	ckbSavePwd	选择框名
Checked	True	默认选中记住密码
Button1	FlatStyle	Flat	设置无边框
Text	登 录
BackColor	DodgerBlue	设置背景色
Font	Bold	设置字体文本色
（name）	btnLogin	登录按钮名
Button2	FlatStyle	Flat	设置无边框
Text	×
（name）	btnClose	关闭按钮名

4.10、关闭按钮代码

private  void  btnClose_Click(object  sender,  EventArgs  e){        this.Close();}

05  后记

以上为学习上位机UI设计的学习记录，有同样在学习C#的小伙伴可以尝试一下。

---

觉得有用点个关注呗~

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