VS Studio的下载,安装和简单使用

目录

前言

环境

安装

实验

备注


前言

天色渐暗了,远处的山头残留着一抹夕阳的金黄,越过了那个山头,谁知道那里是哪里,就有点像家的感觉了。仿佛处身于晚风中,到处散落着金黄,耳边是亲切的交谈,时不时传来几声狗叫......

回归正题,VS studio是我在做界面的时候接触到的,之前一直用的vs code,既然用到了,我们就拉出来练练。

环境

可以选择官网下载,也可以选择打开下面这个连接,解压到本地,然后再进行下载,喜欢吃软饭的同学建议使用链接下载,嘻嘻~

链接:https://pan.baidu.com/s/1GIzVfmpSdCQrDeObGYIZnQ?pwd=fhfw 
提取码:fhfw 
--来自百度网盘超级会员V2的分享

安装

按照教程里的步骤,一步一步的安装好、

实验

制作一个简单的登陆界面

打开安装好的VS Studio,选择创建新的项目

在搜索框输入Windows,选择C#

然后输入你要创建的App的名称,并且选择要保存的路径

单击下一步

这里不用改,直接单击创建

等待创建完成,进来的界面是这样 

没有工具箱的同学单击视图,单击工具箱

 这个就是我们平常可能用到的一些工具,不了解的同学传送门

https://learn.microsoft.com/zh-cn/dotnet/desktop/winforms/controls/datagridview-control-windows-forms?view=netframeworkdesktop-4.8

我们双击label,也可以选择拖拽,然后单击选中其中一个

在窗口的右下角,出现了控件的属性修改栏 ,注意,这里我选择的是按照字母的顺序排序的,但是大部分同学进来默认应该是按照功能分类的,在这里我们选择按字母顺序排序,下同

从上往下,第一个箭头表示你选中了label1控件,第二个表示大小,第三个是他的显示的文本信息,就是所有App中,能被我们看见的。

接下来,我们对这个标签进行更改,将Name这个属性改为Accountlabel,有人就好奇了,为啥它还可以有两个名字呢,这个其实就跟我们人一样,Text的属性就相当属于我们的名字,Name就相当于我们的身份证号,你出去玩,总不会天天有人喊你身份证号吧,所以呢,名字是被外部熟知的,身份证号是方便管理。所以呢,我们的程序也一样,Name就是身份证号,在程序里面是唯一的,也是我们程序员写代码需要用到的,而Text不是唯一的,就是说你的多个控件的Text的名字可以一样,但是建议别这么搞,搞了也别说是我这里学到的。

然后将AutoSize属性选择为False,可以单击,鼠标滚轮滚动,也可以点击右边下拉选择

 这个是锁,字体,单机加号,可以看到字体的多个选择项,我们将字体改为12,其他的同学可自行研究

 将Size改为80,30,可以一起输入,也可以点击加号修改。之前按将AutoSize设置为False,就是为了修改大小的。

往下翻,将Text的属性 改为 账号,下面TextAlign的改为MiddleCenter,将文本置于框中间,修改方式和之前一样,可以通过下拉和滚轮滚动。

 修改成功是这个样子的

然后单击任意空白处

确认选中的控件是Form1,然后将Name改为ChatForm,AutoSize属性改为False 

点击Backgroundlmage属性右边的...可以加背景,选择导入

 选择你电脑里面的图片.jpg格式 ,单击确定

 之后你的Form窗口应该变成这样

 将Size属性改为600,400,StartPosition属性设置为屏幕中间CenterScreen

 将Text属性改为Chat登录

修改完成是这样的 

创建密码 

 点击账号控件,复制,粘贴Ctrl + C,Ctrl + V

将粘贴的那个的Name改为Passwordlabel,Text改为密码,其他属性都是复制过来的,不用管

 

将光标放到Lable上面,变成十字标状,鼠标左键长按拖动, 将两个控件放到合适的位置。这个也可以通过设置空格键的x和y的坐标来完成,但是我们做的比较简单,但不考虑,有兴趣的同学可以在属性栏中修改。注意拖动的实惠对齐是有对齐线的,如下图这个样子

 添加文本框

在工具箱中找到TestBox控件,双击或者拖拽,放到账号的右边

 将Name属性修改为AccountBox,在这里,由于Text的AutoSize属性隐藏了,我们可以通过修改字体的大小改变框的大小,建议将字体改为13

将MaxLength 属性设置为12,意思为可输入的最大长度

 像之前一样选中,复制,粘贴Ctrl + C,Ctrl + V,框的长度可自行修改,美观即可,注意要对齐

修改之后如下 

单击刚粘贴的那个框,修改Name属性为 PasswordBox,

将PasswordChar这个属性修改为*用来隐藏密码

 在工具箱中找到Button的按钮,双击或者拖拽

单击Button

 将Name属性改为Loginbutton,AutoSize属性改为False

 将字体修改为12

将框大小设置为80,30,将Text设置为登录,将TextAlign属性设置MiddleCenter

像之前一样选中,复制,粘贴Ctrl + C,Ctrl + V,框的长度可自行修改,美观即可,注意要对齐 

将粘贴的Butto控件的Name属性修改registrationbutton,Text属性修改为注册 

 调整位置,使其对齐

 单击启动键,查看效果

各位同学可以试一下操作,试完之后记得X掉应用 

然后最上面一层选项卡,单击项目,单击添加窗体,

双击,也可以点击下面的添加按钮 

 单击空白

 将Name属性改为RegistrationForm

 将Auto属性设置为False

将StartPosition属性设置为屏幕中间CenterScreen

将框大小设置450,250

将Text属性改为Chat注册 

单击Form1窗口

按住Ctrl键,鼠标左键单击,选中这5个控件,复制Ctrl + C,再单击Form2窗口,粘贴Ctrl + V

调整位置,使其美观,其实不丑就行~~

 单击这个框,

 将这个PasswordChar属性改为空

 单击左侧工具箱双击Timer,相当与添加一个定时器

定时器不会出现在窗口中,会出现下边

 双击工具箱Lable控件,将Auto属性改为False,字体大小改为12

 

 框的大小设置为150,30

将TextAlign属性设置为MiddleCenter

将text属性为空

双击Form2的注册按钮

 

跳到代码空间

系统已经为我们生成必要的文件,我们只需要引用即可

将这个代码粘贴到button的引用中

回到Form2的窗口中,双击Timer1控件,跳转到函数中

 将这个代码粘贴到定时器的引用中

  timer1.Stop(); // 停止定时器
  this.Close(); // 关闭窗体

 将这个代码粘贴到窗口Form2引用中

 timer1.Interval = 2000; // 设置定时器间隔为2秒
 timer1.Tick += timer1_Tick; // 绑定定时器的Tick事件处理程序

双击Form1的注册按钮

跳到Form1窗口的注册按钮的引用 ,将这个代码粘贴到注册按钮的引用下

 RegistrationForm form2 = new RegistrationForm();
 form2.ShowDialog();

然后单击启动

等待程序的启动,一定要把之前启动的程序关掉

等待程序的启动,一定要把之前启动的程序关掉

等待程序的启动,一定要把之前启动的程序关掉

点击注册

可以尝试输入 

 

点击注册

 显示注册成功,并且返回登录界面。

备注

>>>>>>

本次的内容就到这里了,小小的测试只是i让大家了解这个开发过程,要想熟练应用,还需多学,多看,多练。

>>>>>>

高考加油,时间比较近了,大家放平心态,只要发挥正常的水平就好了。

————少年应有鸿鹄志,当骑骏马踏平川

>>>>>>

制作与维持不易,点个关注支持下吧。下次见!

相关推荐

  1. 【Node.js】-下载安装简单使用

    2024-06-07 09:40:02       38 阅读
  2. Eclipse下载安装

    2024-06-07 09:40:02       24 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-07 09:40:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-07 09:40:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-06-07 09:40:02       82 阅读
  4. Python语言-面向对象

    2024-06-07 09:40:02       91 阅读

热门阅读

  1. 获取gitee上某个组织所有仓库的介绍

    2024-06-07 09:40:02       28 阅读
  2. 系统研发安全漏洞

    2024-06-07 09:40:02       27 阅读
  3. vue el-dialog封装成子组件(组件化)

    2024-06-07 09:40:02       26 阅读
  4. react-intl国际化在项目中的使用

    2024-06-07 09:40:02       29 阅读
  5. 浅谈人机交互

    2024-06-07 09:40:02       25 阅读
  6. 人机交互中的阴差阳错

    2024-06-07 09:40:02       25 阅读
  7. 解决nginx无法获取带下划线的header值

    2024-06-07 09:40:02       31 阅读
  8. 单双目视频转图片

    2024-06-07 09:40:02       24 阅读
  9. 常见排序算法,快排,希尔,归并,堆排

    2024-06-07 09:40:02       23 阅读
  10. Elasticsearch简介

    2024-06-07 09:40:02       27 阅读
  11. scss sass是什么?vue环境安装sass报错

    2024-06-07 09:40:02       24 阅读