初学C#的编程小白创建计算器全过程并恶意卖萌(2之增加卖萌元素)

来源:互联网 发布:天津网络作家排行榜 编辑:程序博客网 时间:2024/05/29 03:48

接下来我们开始卖萌啦~笔者一开始的想法只是做出来给朋友看,然后委婉求表扬而已,广大妹子们可以一起学起来呀~

这个很简单,首先我们上网搜几张比较萌的图片,最近pokemon go流行,所以我搜的是皮卡丘,如图。

                                            

接下来我们梳理图片逻辑,我的想法是先让小卡求糖吃,然后第二张得到了糖。这样的话最好有一个按钮,在按下给糖以后,第二张图片再蹦出来。接下来我们尝试实现这个功能。

首先我们在原有的计算器界面上加一个标签。点击工具栏中的“Label”元素,并拖曳到自己看着顺眼的位置,然后更改它的Text属性为“求表扬”。


接下来做一个弹出窗口,我们右击窗口左上角的工程名称,选择"添加"->"Windows窗体",在弹出的界面编辑窗口名称,我们这里沿用默认设置“Form2”。


接下来我们把Form2的“Text”属性改为“主人,人家要吃糖~”



然后我们要用到一个新的元素,那就是PictureBox,我们在工具栏中找到它并单击,拖曳到Form2中,如图,下面我们将它称为“PictureBox1”


点击PictureBox1,在它的属性栏中找到“Image”属性,点击后面空白处的按钮,在弹出来的窗口中选择“本地资源”,“导入”。


我们在弹出的窗口中选择我们图片的位置,点击“打开”导入。


可以看到图片出现在了窗口中PictureBox1之中


我们调整下PictureBox1的位置,使小卡居中


接下来我们在form2中放一个按钮,如图,并更改按钮Text属性为‘好好好’


这样我们就完成了第一个要糖界面啦~紧接着我们做第二个吃糖界面。如form2 一样,我们新建Windows窗体,并沿用默认设置窗体名字为form3。


将form3的Text属性变为“谢谢主人~”,并同样在窗口中放置PictureBox,并将吃糖的图片导入到PictureBox中。




form3最终外观如下


图像处理的部分我们就完成啦~下面应该处理程序部分,也就是如何将三个窗体联系起来。我的思路是点击图一的‘求表扬’Label,然后弹出第一个求糖吃的界面,点击“好好好”按钮,就会出现第三个“谢谢主人”的画面。因此我们要明确联系三幅图的事件分别为:第一和第二幅画面之间用“点击label”事件连接,第二和第三副画面之间用“点击‘好好好’按钮”事件连接。
接下来我们对这些事件进行代码填写。
首先回到form1,我们双击中间的lable

在弹出的事件代码空段中填写如图所示代码

可以看到代码的第一行是新建一个form2,也就是重新复制一个我们创建好的form2。其实这样说不太对,我们之前创建的form2相当于定义了一整个类,我们在代码中创建的,相当于从这个类中举了一个例子出来(当然这个例子和我们的form2一模一样)。
第二行的form.show(),意思是使这个例子显示出来。我们添加完以后可以试验下。
点击下图中的第一个红框,将工程全部保存,然后点击绿色的小三角,进行调试。

在弹出的计算器界面上点击“求表扬”


可以看到成功弹出了form2 的界面。点击“停止调试”按钮,退出调试界面。


好了,第一个事件我们已经完成了。我们接着做第二个。双击资源管理器中的form.cs。调出form2的设计界面。之前form1,也就是那个计算器界面也是这样调出来的。

双击“好好好”按钮

在弹出来的代码空段中填写如下代码

可以看到前两行和上一个一样,第三行的“this.Close()”,意思是在打开form3以后,将form2关闭,毕竟主人都给糖了,就没有必要留着要糖的界面啦~

像上一个一样,点击“全部保存”后进行调试
首先出来的form1 ,我们就不再放图啦~接下来点击“好好好”。

可以看到form2关闭啦~只留下了萌萌的form3 和form1。

至此我们的全部工程已经全部完成了。赶快发给小伙伴们炫耀一下吧~不过总不能将整个工程都发过去呀,我们最后要将工程输出成一个exe文件。
点击编辑栏中的“生成”,选择下拉菜单中的“生成解决方案”

可以看到整个屏幕下方的输出栏中出现了生成成功,同时还指示了生成文件的位置。

“D:\Documents of CJY\TestC\thecaculator\thecaculator\bin\Debug\thecaculator.exe”就是笔者的文件生成位置,照着它的提示去找出来吧~然后就可以发给小伙伴们啦~

0 0