联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

vs用户登录界面设计步骤有哪些?

Time: 2020-01-07


很多人都想自己做一个登录界面,但是不是一个容易的事,需要知道它的步骤,那么,vs用户登录界面设计步骤有哪些,这是很多人都想知道的,接下来就让小编来告诉大家这个问题吧。


vs用户登录界面设计案例介绍

设计步骤如下:
  打开Visual Studio工具,工具界面如下(没有使用过编程的朋友们可以看看):
  打开【文件】---【新建】---【项目】
  在出现的框中在框里选择window C# 再选择windows窗体应用程序,在名称里输入:MyStudentSys,这个名字自己可以根据需要起,尽量要有意义,下面的位置是自己保存项目文件的的目录。
  点击确定后就出现了,第一个窗体程序,我们就是在这个窗体里实现登录功能和制作美丽的登录界面,第一个form程序form1窗体:
  往上添加我们自己需要的东西,首先我们修改下这个窗体的名称改为:学生管理系统登录(修改的具体步骤在图下面),再添加个Icon图片,就是标题前面的图片,修改之前需要打开form1窗体的属性,步骤:右键点击,点击属性,就会出现属性框,看到这个框就找到了,窗体程序的属性,我们很多地方要使用这里,修改标题的步骤,找到Text属性就是上面图片蓝色的部分,把form1改为:学生管理系统登录。找到Icon 在其后点击,选择我们事先准备好的ICON图片(非必须,软件默认的也有,为了美观自己可以添加修改)修改好后我们就实现了界面。
  

2.png

(图片来自网络)


好了简单的界面就这做好了,剩下就是添加我们需要的东西了,并且实现登录功能,这需要使用控件,在软件左边打开工具箱,如果找不到,就点击软件视图,找到工具箱,点击就可以出现了。我们主要使用这几个控件 button(按钮控件),label(标签),textbox(文本框),combobox(组合框)这些控件在工具箱可以找到工具箱。
  点击选择label(标签)把他拖到form1窗体里合适的位置,然后在属性框里找到txet在其后把label1修改为:登录名,同理再拖2个标签控件,分明把Text属性值修改为: 密码,登录类型,再在工具箱里拖两个textbox到form1窗体合适的位置,同理再拖combobox空间到窗体里,最后实现如下的效果,如果没有实现就在工具箱里看看选择的控件对不对,别忘了把标签(label)的TEXT属性值改为汉字,还有buttn 按钮的控件Text也要改为汉字,即登录和取消。如果标签(label)有背景颜色,找到backcolor属性修改为无色,控件的大小自己可以拖动,设为自己看着合适美观的效果,最后修改显示的效果。
  

ios-login-screen-user-interface-design.png

(图片来自网络)


是不是发现和最上面做好的相比没有标题,我们可以再从工具箱里托一个label 表填,在Text属性里输入:高校学生管理系统, 把文字设为大一点,设置字体可以找到属性font 点击选择相应的大小和字体类型,最后实现效果:
  界面做好了,点击软件的运行调试按钮看看效果:软件运行按钮:运行后,看看是不是弹出一个登录框,但是你点击登录是不是没有反应,别急,现在还没有给窗体写事件,运行结果。
  

vs用户登录界面设计步骤有哪些?今天小编就给大家介绍这么多了,这些步骤大家都弄明白了吧,大家可以尝试做做哦。

合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开