使用Visual Studio怎样制作登录界面

当我们看到别人美丽的登录软件界面是不是很好奇,很想自己制作个,但是苦于自己不是专业编程人士。不过没有关系,这篇文章同样适合没有任何编程经历的人,本文章每关键步骤采用图片的形式展现个大家,让读着清晰明了,最终实现可以登录的见面。实现的登录软件界面如下:

步骤/方法

  • 01

    打开Visual Studio工具,工具界面如下(没有使用过编程的朋友们可以看看):【】

  • 02

    打开【文件】---【新建】---【项目】出现如下框:

  • 03

    在出现的框中在框里选择window C# 再选择windows窗体应用程序,在名称里输入:MyStudentSys(我这里要做高校学生管理系统),这个名字自己可以根据需要起,尽量要有意义,下面的位置是自己保存项目文件的的目录,这里我放在E盘。整体界面如下:

  • 04

    点击确定后就出现了,第一个窗体程序,我们就是在这个窗体里实现登录功能和制作美丽的登录界面,第一个form程序如下图form1窗体:

  • 05

    看到这是不是很失望,怎么什么都没有,别急,我们就是在这什么都没有的窗体上添加我们自己需要的东西,首先我们修改下这个窗体的名称改为:学生管理系统登录(修改的具体步骤在图下面),再添加个Icon图片,就是标题前面的图片(图下面有详细的步骤),修改之前需要打开form1窗体的属性,步骤:右键点击,点击属性,就会出现属性框如下图:看到这个框就找到了,窗体程序的属性,我们很多地方要使用这里,修改标题的步骤,找到Text属性就是上面图片蓝色的部分,把form1改为:学生管理系统登录。找到Icon 在其后点击,选择我们事先准备好的ICON图片(非必须,软件默认的也有,为了美观自己可以添加修改)修改好后我们就实现了如下的界面。

  • 06

    好了简单的界面就这做好了,剩下就是添加我们需要的东西了,并且实现登录功能,这需要使用控件,在软件左边打开工具箱,如果找不到,就点击软件视图,找到工具箱,点击就可以出现了。我们主要使用这几个控件 button(按钮控件),label(标签),textbox(文本框),combobox(组合框)这些控件在工具箱可以找到,工具箱如下图:

  • 07

    点击选择label(标签)把他拖到form1窗体里合适的位置,然后在属性框里找到txet在其后把label1修改为:登录名,同理再拖2个标签控件,分明把Text属性值修改为: 密码,登录类型,再在工具箱里拖两个textbox到form1窗体合适的位置,同理再拖combobox空间到窗体里,最后实现如下的效果,如果没有实现就在工具箱里看看选择的控件对不对,别忘了把标签(label)的TEXT属性值改为汉字,还有buttn 按钮的控件Text也要改为汉字,即登录和取消。如果标签(label)有背景颜色,找到backcolor属性修改为无色,控件的大小自己可以拖动,设为自己看着合适美观的效果,最后修改显示的效果如下图:

  • 08

    是不是发现和最上面做好的相比没有标题,我们可以再从工具箱里托一个label 表填,在Text属性里输入:高校学生管理系统, 把文字设为大一点,设置字体可以找到属性font 点击选择相应的大小和字体类型,最后实现如下图的效果:

  • 09

    界面做好了,点击软件的运行调试按钮看看效果:软件运行按钮:运行后,看看是不是弹出一个登录框,但是你点击登录是不是没有反应,别急,现在还没有给窗体写事件,运行结果如图:

  • 10

    点击关闭,点击菜单栏 【调试】--观察下是否还在调试,如果在调试,就停止调试,截下来我们要写事件了,就是要实现登录的功能,首先再重新创建一个主窗口,就是等会我们登录成功了要跳转到那个主窗体,登录窗体关闭。创建主窗体步骤:在视图里找到解决方案资源管理器,右击解决方案MyStudentSys ,点击添加,再点击新建项,选择Visual C#项,选择window窗体,点击确定就好了,有创建一个窗体,在窗体里随便拖进今个控件,验证等下我们是否登录进来,如下如下图:

  • 11

    等下如果登录成功就进入这个窗体界面,不成功,不让登录,现在双击点击登录界面的登录按钮,后显示如下如,并在代码 { } 里写入下面的代码: string name = "admin"; string pass = "0000"; if(name==textBox1.Text.Trim()&&pass==textBox2.Text.Trim()) { Form2 form=new Form2(); form.Show(); this.Hide(); } 点击运行调试看看,在输入框里登录名输入 admin 密码 :0000点击登录看能不能进入,Ok ,我测试成功。

  • 12

    下面我们创建 取消 按钮时间,即点击取消,就退出程序。双击取消按钮,在{} 里写上下面的代码:Application.Exit(); 如下图

  • 13

    点击运行测试下。OK,可以调用主窗体,如果没有调用,看看是不是代码写错了,重新检查下。就这样,一个美丽的登录界面和实现登录的功能就实现了,这只是简单的功能,更多的功能自己接触摸索下软件,慢慢体会,时间长了,就摸索出来了。

(0)

相关推荐

  • 如何使用c#制作登录界面

    在我们的社会中很多人觉得学习一门程序语言十分难,其实这是个误区.很多人他们学习语言不愿去动手去实践,只想着能看懂就行了.其实不然,要学好一门语言需要不断的去尝试开发一些简单的应用程序,做到学以致用,这 ...

  • visual studio修改成中文界面

    初学者刚使用visual studio开发工具的时候,下载安装后有的是英文版或者其他语言版的,这里来教大家怎么设置visual studio的软件界面语言^_^ 操作方法 01 在顶部菜单栏里选择&q ...

  • 如何将visual studio 2015变成中文界面

    最新的vs2015,刚下载下来时是全英文界面,如何将它改成中文界面呢.下面介绍一下,希望能对大家有所帮助. 操作方法 01 点击开始按钮,在上拉窗口中找到visual studio 2015. 02 ...

  • 如何使用Android Studio开发用户登录界面

    目前如火如荼的android应用开发遍地开花,为了更好的适应移动互联网的发展,掌握移动开发成为程序员必须掌握的一门技能.本文通过一个简单案例讲述如果通过Android Studio开发一个用户登录界面 ...

  • Visual Studio怎么绘制一个登录界面?

    当我们看到别人美丽的登录软件界面是不是很好奇,很想自己制作个,但是苦于自己不是专业编程人士.不过没有关系,这篇文章同样适合没有任何编程经历的人,本文章每关键步骤采用图片的形式展现个大家,让读着清晰明了 ...

  • PS登录界面制作

    小编最近在网上看到了很多好看而又独具个性的登录界面,就打算自己用photoshop试着做一做,遂成了这篇简单的小,大家有兴趣可以跟着小编试一试. 这里提醒大家,本登录界面仅作欣赏,我们不能将它替换成某 ...

  • 用 Visual Studio 2015 编写第一个 Windows程序

    编程是"入门容易精通难"(的确是这样,我就是很快入了门,却从来没有精通过哈哈),尤其是有了 Visual Studio 这种利器的帮助.下面,就跟随我一起看看,编写一个有模有样的 ...

  • 如何制作图书管理系统登录界面

    在日常工作或者学习过程中,我们经常会遇到登录窗口,这种登录窗口是进入整个系统的第一步,那么如何利用vb来开发一款自己开发管理软件的登录窗口呢?今天小编在此就跟大家交流一下如何利用vb开发登录窗口,当然 ...

  • 如何在Xcode中制作APP登录界面

    我们用Xcode开发APP的时候,首先要做的就是登录界面.那么如何在Xcode中制作APP登录界面呢?下面小编给大家分享一下. 操作方法 01 首先打开Xcode软件,新建一个Single View ...