Windows Phone开发学习之三——建立第一个WP7项目
2012-04-14 11:05
232 查看
欲使用 Visual Studio 2010 Express for Windows Phone 建立 Windows Phone 7 应用程序,您可以启动 Visual Studio 2010 Express for Windows Phone,执行 [File | New Project] 功能,屏幕上就会出现如图1 的画面,于左方窗口的 [Visual C#] 项目下可以看到 Visual Studio 2010 Express for Windows Phone 支持的两种应用程序型态,分别是
Silverlight for Window Phone 和 XNA Game Studio 4.0。
图1:使用 Visual Studio 2010 Express for Windows Phone 建立项目的画面
![](http://i.msdn.microsoft.com/ff955778.windowsphone1_05a(zh-tw,MSDN.10).png)
选择 [Visual C#] 项目下的 Silverlight for Windows Phone,于中间的窗口选择 [Windows Phone Application] 项目型态,然后按下 [OK] 键,就可以建立以 Silverlight Framework 为基础的 Windows Phone 7 应用程序,项目建立成功后您就可以看到类似图2 的结果画面。请注意 [Solution Explorer] 窗口中名称为 MainPage.xaml 的档案代表应用程序的主画面,您可以直接从 [Toolbox]
窗口将控件拖曳到 MainPage.xaml 放置,设计应用程序的操作画面,而编辑应用程序操作画面的结果会反应在 MainPage.xaml 档案的原始档编辑画面中,而为操作画面上的控件撰写事件处理程序时,程序代码会被自动加入到 MainPage.xaml.cs 档案中,整体的应用程序开发经验对具备 Windows Form 应用程序开发,或是 Silverlight 应用程序开发经验的程序设计师而言应该不陌生。
图2:以 Silverlight Framework 为基础的 Windows Phone 7 应用程序的项目内容
![](http://i.msdn.microsoft.com/ff955778.windowsphone1_06(zh-tw,MSDN.10).png)
您可以利用 [Tools] 窗口提供的控件设计应用程序,利用 [Properties] 窗口设定控件的属性,设计妥应用程序的功能之后按下 F5 功能键执行制作好的应用程序,Expression Blend for Windows Mobile 就会将设计好的应用程序加载到 Windows Phone 仿真器供您测试。
VS IDE(VS集成开发工具)的最左侧有一栏可以自动缩放的区域,鼠标移动最左边的工具栏上,工具栏会自动弹出。左侧第一列是设计视图,中间是代码视图,右侧是解决方案资源管理器。下面我们先开始写第一个WP程序,如果能调试成功,正常运行,那么表示你这一节的内容已经掌握了。
鼠标悬停到“工具箱“,待出现工具箱之后双击”Button“,此时设计视图下方会出现一个白色边框的按纽。在按纽上右键点击属性选项,在IDE右侧出现了属性界面,在属性界面中修改这个Button的ID,以及Content属性。
ID:myButton
Content:点击我
按照同样步骤,继续添加TextBlock控件,修改ID为:myTextBlock,并删除Text属性值。如图3所示。
图3:编辑界面元素
![](http://my.csdn.net/uploads/201204/14/1334417934_8779.png)
完成之后,按F5键或点击工具栏上的绿色三角形按纽,程序就可以运行了。
运行起来之后,您看到的是一个虚拟的Windows Phone手机(如图4),专门供程序调试使用,称之为模拟器,用来模拟真实手机。因此模拟器就好比是以讹电脑中的电脑。
图4 运行起来后的主界面
![](http://my.csdn.net/uploads/201204/14/1334418492_4832.png)
等待几秒钟或者点击屏幕上方-->按纽后,会看到三个应用,其中两个是默认内置的应用,还有个就是我们刚刚创建的应用。点击运行,就能够看到我们刚刚设计的页面效果(如图5)。
图5 我的应用程序效果
![](http://my.csdn.net/uploads/201204/14/1334418834_7514.png)
现在添加一点交互的东东。即点击”点击我“按钮后,下面的TextBlock内显示”Hello world“内容。
鼠标移到图5所示的模拟器上,会在右侧看到一个竖条工具栏,点击最上面的X,退出调试状态,回到设计视图。双击”点击我“按纽,在myButton_Click函数内添加如下代码:
private void myButton_Click(object sender, RoutedEventArgs e)
{
myTextBlock.Text = "Hello world";
}
再次运行程序,如果不出意外的话:),应该点击”点击我“按钮后,下方就会出现”Hello world“。
至此,第一个Hello world程序就大功告成了。
Silverlight for Window Phone 和 XNA Game Studio 4.0。
图1:使用 Visual Studio 2010 Express for Windows Phone 建立项目的画面
![](http://i.msdn.microsoft.com/ff955778.windowsphone1_05a(zh-tw,MSDN.10).png)
选择 [Visual C#] 项目下的 Silverlight for Windows Phone,于中间的窗口选择 [Windows Phone Application] 项目型态,然后按下 [OK] 键,就可以建立以 Silverlight Framework 为基础的 Windows Phone 7 应用程序,项目建立成功后您就可以看到类似图2 的结果画面。请注意 [Solution Explorer] 窗口中名称为 MainPage.xaml 的档案代表应用程序的主画面,您可以直接从 [Toolbox]
窗口将控件拖曳到 MainPage.xaml 放置,设计应用程序的操作画面,而编辑应用程序操作画面的结果会反应在 MainPage.xaml 档案的原始档编辑画面中,而为操作画面上的控件撰写事件处理程序时,程序代码会被自动加入到 MainPage.xaml.cs 档案中,整体的应用程序开发经验对具备 Windows Form 应用程序开发,或是 Silverlight 应用程序开发经验的程序设计师而言应该不陌生。
图2:以 Silverlight Framework 为基础的 Windows Phone 7 应用程序的项目内容
![](http://i.msdn.microsoft.com/ff955778.windowsphone1_06(zh-tw,MSDN.10).png)
您可以利用 [Tools] 窗口提供的控件设计应用程序,利用 [Properties] 窗口设定控件的属性,设计妥应用程序的功能之后按下 F5 功能键执行制作好的应用程序,Expression Blend for Windows Mobile 就会将设计好的应用程序加载到 Windows Phone 仿真器供您测试。
VS IDE(VS集成开发工具)的最左侧有一栏可以自动缩放的区域,鼠标移动最左边的工具栏上,工具栏会自动弹出。左侧第一列是设计视图,中间是代码视图,右侧是解决方案资源管理器。下面我们先开始写第一个WP程序,如果能调试成功,正常运行,那么表示你这一节的内容已经掌握了。
鼠标悬停到“工具箱“,待出现工具箱之后双击”Button“,此时设计视图下方会出现一个白色边框的按纽。在按纽上右键点击属性选项,在IDE右侧出现了属性界面,在属性界面中修改这个Button的ID,以及Content属性。
ID:myButton
Content:点击我
按照同样步骤,继续添加TextBlock控件,修改ID为:myTextBlock,并删除Text属性值。如图3所示。
图3:编辑界面元素
![](http://my.csdn.net/uploads/201204/14/1334417934_8779.png)
完成之后,按F5键或点击工具栏上的绿色三角形按纽,程序就可以运行了。
运行起来之后,您看到的是一个虚拟的Windows Phone手机(如图4),专门供程序调试使用,称之为模拟器,用来模拟真实手机。因此模拟器就好比是以讹电脑中的电脑。
图4 运行起来后的主界面
![](http://my.csdn.net/uploads/201204/14/1334418492_4832.png)
等待几秒钟或者点击屏幕上方-->按纽后,会看到三个应用,其中两个是默认内置的应用,还有个就是我们刚刚创建的应用。点击运行,就能够看到我们刚刚设计的页面效果(如图5)。
图5 我的应用程序效果
![](http://my.csdn.net/uploads/201204/14/1334418834_7514.png)
现在添加一点交互的东东。即点击”点击我“按钮后,下面的TextBlock内显示”Hello world“内容。
鼠标移到图5所示的模拟器上,会在右侧看到一个竖条工具栏,点击最上面的X,退出调试状态,回到设计视图。双击”点击我“按纽,在myButton_Click函数内添加如下代码:
private void myButton_Click(object sender, RoutedEventArgs e)
{
myTextBlock.Text = "Hello world";
}
再次运行程序,如果不出意外的话:),应该点击”点击我“按钮后,下方就会出现”Hello world“。
至此,第一个Hello world程序就大功告成了。
相关文章推荐
- 全中文演示,从Windows Phone 7开发平台搭建,到建立第一个WP7程序
- Windows Phone开发学习之八——使用项目
- 学习springmvc的第五天(建立第一个springmvc项目:本次学习用的是4.0.0的jar包)
- java学习之旅15、16--eclipse开发环境的使用_建立java项目_运行java项目,eclipse运行程序的问题(src和bin问题)_debug模式
- [Windows Phone 8开发系统]1. 环境搭建与创建第一个项目!
- EJB学习二 我的第一个EJB项目(Eclipse下的EJB开发,与JBoss集成,Ant打包)
- Android NDK开发学习 第一个NDK项目
- Android NDK开发学习:我的第一个NDK项目
- java 学习备忘录(一):jsp项目建立及开发环境的基本配置
- Android NDK (学习笔记二) —— 开发第一个Android NDK项目
- C++学习笔记1C++开发环境搭建创建第一个项目Hello word!
- WP7开发学习:第一个WP7程序―Hello WP7
- 【JSP开发】建立第一个Servlet项目
- XMPP框架 微信项目开发之CoreData学习——使用CoreData建立多个数据库
- Windows Phone 7 开发技术在线学习【2】 -- WP7 多任务之道
- django 第一个项目-学习搭建博客 (一、建立工程)
- Windows Phone 7开发学习(一)--项目模板
- React Native跨平台移动应用学习与开发(二) 第一个项目
- 越狱开发之——iOSOpenDev建立第一个越狱项目HelloWorld插件
- Windows Phone开发学习之六——管理项目文件并理解编译和部署