Date:2014.8.10

此篇教程是给纯粹的初学者(absolute beginner)看的,如果您已掌握其中技巧就请不要看了。

OK,我们需要工具 IDE 也就是 Visual Studio 2013 ,要想进行下面的操作还需要 Windows Phone 的开发者证书,关于获取证书我将会另外写一篇博客来说明。

这是启动画面。

startImage

新建一个工程

  1. 记住要在这里选择 Windows Phone Apps
  2. 选择第一个就好 Blank App (眼花缭乱的多页面模板不适合初学者,I am serious)
  3. 在这里可以修改工程名称

seccondImage

  1. App.xaml.cs 相当于 Android 中的 java 文件,处理逻辑的部分。cs 自然是 C# 的简写。
  2. Solution Exploer 就是工程文件管理器了
  3. MainPage.xaml 就是页面“MainPage” 的属性描述文件,相当于 Android 中的 xml 文件

现在双击 MainPage.xaml

seccondImage

VS 将分成 3 屏,最左边是视图模拟器,中间是代码,右边是文件管理。这点很像 Xcode。

seccondImage

点击这里的 Toolbox 展开控件选择器。分别找到 Button 和 TextBlock 选中并拖放到视图模拟器中。

seccondImage

现在先用鼠标点击一下 Button ,点击 Properties 如下图显示

seccondImage

然后修改几个属性,这些属性你可以在 MainPage.xaml 代码中直接修改,也可以在这里修改。

seccondImage

  1. Name 属性相当于 Android 中给控件加 Id,在 Xcode 里就是 control 拖 storyboard 你知道我在说什么。
  2. Content 就是 Button 上显示的文字。

同样的地方,你可以给 TextBlock 加一个 Id 修改显示内容。我的 id 是 tb_example.

接下来将 xmal 文件和 cs 文件链接起来

方法也很简单,就是点击这里的小闪电符号(Button 上的小闪电,无视我的截图)。

seccondImage

然后双击这个空框框

seccondImage

VS 会跳转到相应的 cs 文件中,在 buttonClick 的函数中写上:

tb_example.Text = "Hello World";

然后你就可以运行程序了。

Enjoy yourself!


233jl
393 声望6 粉丝