admin管理员组文章数量:1321306
对于上位机最原始的感官,就是软件的登录界面,大多数的组态软件可以根据客户的要求,设计一个美观的登录界面,在这里我们尝试下用自己制作的画面做成登录界面。此实例基于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#设计需求的兄弟可以尝试一下。
版权声明:本文标题:C#上位机登录界面设计-界面设计(一) 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/biancheng/1740412974a2273127.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论