C#上位机登录界面设计-界面设计（一）

        对于上位机最原始的感官，就是软件的登录界面，大多数的组态软件可以根据客户的要求，设计一个美观的登录界面，在这里我们尝试下用自己制作的画面做成登录界面。此实例基于VS2022软件平台。

C#上位机登录界面设计-界面跳转（二）

C#上位机登录界面设计-账号注册、密码修改功能（三）

一、界面尺寸需求分析

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

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

        3、C#项目常见尺寸：1920*1080（显示屏幕分辨率），其他需求情况可根据显示内容调整；

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

二、总体风格

       无边框、扁平化设计（简约、大气、直观），实际大型项目中有专门的UI工程师设计界面。

三、效果展示

四、实现步骤

1、创建项目

2、设计登录界面

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

3、窗体无边框化

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

4、调整窗口尺寸

        修改窗体尺寸为1920*1080；

5、调整打开位置

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

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

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

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

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

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

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

6、用户登录名

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

7、修改图标

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

8、修改背景

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

9、添加控件

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

件名称	设置属性	属性值	备注
Lable1	Text	用户账号：
Lable2	Text	用户密码：
TextBox1	BorderStyle	FixedSingle
	（name）	txtAccount	账号框名
	Text	Admin	样例
TextBox2	BorderStyle	FixedSingle
	（name）	txtPwd	密码框名称
	PasswordChar	*	*替代明文显示
CheckBox	Text	记住密码
	（name）	ckbSavePwd	选择框名
	Checked	True	默认选中记住密码
Button1	FlatStyle	Flat	设置无边框
	Text	登 录
	BackColor		设置背景色
	Font	Bold	设置字体
	（name）	btnLogin	登录按钮名
Button2	FlatStyle	Flat	设置无边框
	Text	关闭
	（name）	btnClose	关闭按钮名

         TextBox1属性值设置：

         Button1属性值设置：

         10、关闭按钮代码

private void btnClose_Click(object sender, EventArgs e)
{  
  this.Close();//关闭窗口
}

五、总结

          以上为学习上位机登录界面设计的学习记录，有同样C#设计需求的兄弟可以尝试一下。