[Win8]第一回:页面代码自己敲,随机数字猜大小
关于win8开发的入门介绍可以参考这篇文章:
[Win8]如何使用Visual Studio2012进行Windows8项目开发
下面来写一个小项目,作为比HelloWorld略高端的入门实验。
项目需求很简单,用户输入数字,系统显示输入数字是大是小还是正好。
下面就开始动手啦~
首先要新建一个空白的应用商店项目,点击文件->新建 或者 Ctrl+Shift+N均可:
此时可以看一下这个项目的文件结构:
、
所谓麻雀虽小,五脏俱全,该项目虽然是一个空白的应用程序模版,但是很多基本的界面和后台代码均包含其中。
- 清单文件 (package.appxmanifest),介绍应用(其名称、描述、磁贴、起始页等等)并列出应用包含的文件。要在开始屏幕中显示的一组大的和小的徽标图像(logo.png 和 smalllogo.png)。表示应用位于 Windows 应用商店的图像 (storelogo.png)。显示应用启动时间的初始屏幕 (splashscreen.png)。应用的 XAML 和代码文件(App.xaml 和 App.xaml.cs/.vb)。起始页 (MainPage.xaml) 和附带的代码文件 (MainPage.xaml.cs/.vb),这些文件在应用启动时运行
双击MainPage.xaml文件,可以看见一个空白的屏幕,按照我们的需求,大概需要三个控件:1.提示框,引导用户进行输入和操作,可以使用TextBlock控件实现2.输入框,提供用户输入数字,可以使用TextBox控件实现3.按钮框,用户按下按钮看一下猜测的数字和真正的数字大小比较,可以用Button控件实现。
在把这三个控件插进去之前,我们先来看一下这个xaml文件。xaml是基于html却不同于html的应用程序标记语言。一开始接触的时候可能不是很熟悉。不过木有关系,万事开头难,开完就简单了-。-
系统默认的原始代码如下:
好吧这个怎么这么小?先不着急,先来看看vs为我们生成了哪些代码:看起来似乎差不多了,那么接下来我们就继续为它添加后台的代码处理。
点击选中button,然后在右边的属性面板点击闪电标签-。-那个就是选定元素的事件处理程序:
在Click中输入Guess_Click,然后啪唧按下回车,就会自动跳转到对应的代码页面:
在这里我们可以写下按钮按下时候对应的处理代码。
首先我们在类中声明一个随机数:
private void Guess_Click(object sender, RoutedEventArgs e) { //判断输入是否符合规范 if (InputNumber.Text != "") { //将输入转化成整数 int input = Convert.ToInt32(InputNumber.Text); if (input < myNumber) { PromptText.Text = input+"小啦!"; } else if (input > myNumber) { PromptText.Text = input+"大咯!"; } else { PromptText.Text = input + "正确!"; } } else { PromptText.Text = "输入错误哦亲,请输入整数数字!"; } //清空输入框 InputNumber.Text = ""; }
原理很简单,一个if判断而已,此时点击运行按钮,测试一下。没错,一个猜数字的简单游戏就这样做好了。完整的项目源码下载: