Expression Blend 4 for Windows Phone实践教程

移动开发
本文将为您讲述如何在Expression Blend 4中创建Windows Phone 7应用程序,其中包括安装Expression Blend 4 for Windows Phone、新建第一个项目、运行程序以及调试程序等步骤。

 

之前51CTO移动开发频道曾为您介绍过《Expression Blend 4基础绘图应用讲解》,本文将为您讲述如何在Expression Blend中创建Windows Phone 7 应用程序。

1.安装Expression Blend 4 for Windows Phone

当安装了Expression Blend 4英文版以及Microsoft Windows Developer Tools - ENU之后,再次运行安装程序(下载地址http://www.microsoft.com/expression/service-packs/Blend.aspx,点击DOWNLOAD THE WINDOWS PHONE DEVELOPER TOOLS(http://go.microsoft.com/fwlink/?LinkID=185584)。运行按照程序,选择Installation Options:

Expression Blend 4 for Windows Phone 7实践

勾选Microsoft Expression Blend 4 for Windows Phone后,点击Next:

Expression Blend 4 for Windows Phone 7实践 

Expression Blend 4 for Windows Phone 7实践 

Expression Blend 4 for Windows Phone 7实践

安装完毕。

#p#

2.在Blend中新建WindowsPhoneHelloWorld项目

启动Expression Blend,选择新建项目:

选择新建项目

输入项目名称WindowsPhoneHelloWorld:

输入项目名称WindowsPhoneHelloWorld

点击OK按钮创建项目完毕:

点击OK按钮创建项目

在上图中,我们可以看到整个Blend的工作区了;在Blend中我们可以更好更方便的设计应用程序界面。

选中TextBlock控件PageTitle,设置其Text属性为Hello World!

设置其Text属性为Hello World

也可直接修改XAML:

  1. <!--TitlePanel contains the name of the application and page title--> 
  2.   <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28" Grid.ColumnSpan="2"> 
  3.    <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/> 
  4.    <TextBlock x:Name="PageTitle" Text="Hello World!" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/> 
  5.   </StackPanel> 

#p#

3.运行程序

点击F5,Blend即会把程序部署到模拟器上,并且运行模拟器:

运行模拟器

#p#

4.调试程序

在MainPage.xaml.cs中添加一行代码用于弹出一个对话框:

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Net;  
  5. using System.Windows;  
  6. using System.Windows.Controls;  
  7. using System.Windows.Documents;  
  8. using System.Windows.Input;  
  9. using System.Windows.Media;  
  10. using System.Windows.Media.Animation;  
  11. using System.Windows.Shapes;  
  12. using Microsoft.Phone.Controls;  
  13.  
  14. namespace WindowsPhoneHelloWorld  
  15. {  
  16.     public partial class MainPage : PhoneApplicationPage  
  17.     {  
  18.         public MainPage()  
  19.         {  
  20.             InitializeComponent();  
  21.      
  22.    MessageBox.Show("Test Debug in Blend""Test", MessageBoxButton.OKCancel);  
  23.         }  
  24.     }  

 

由于Expression Blend本身是一个设计工具,并不支持调试功能,我们可以将项目在Visual Studio中运行调试。

在Projects面板中,选择项目,单击右键选择Edit in Visual Studio:

单击右键选择Edit in Visual Studio

如果遇到错误Cannot open in visual studio  the requested operation requires elevation,请以管理员身份运行Blend:

请以管理员身份运行Blend

以下为程序在Visual Studio 2010中打开的界面:

Visual Studio 2010

打开MainPage.xaml.cs,添加断点,点击调试按钮即可开始调试:

点击调试按钮 

调试 

调试

将Express Blend这个强大的设计工具与Visual Studio结合,可以更轻松的创建精彩的应用程序!

原文链接:http://kosmisch.net/archive/2011/06/15/6c7fc4199113d162dab4bd37.aspx

责任编辑:王晓东 来源: kosmisch.net
相关推荐

2012-04-25 09:52:05

Expression

2012-04-10 10:02:06

春Phone沙龙Windows Pho营销

2013-04-23 17:11:47

Windows Pho用Express Bl

2009-07-14 11:03:07

Expression SketchFlowSilverlight

2009-07-30 10:09:14

Expression Make Into C

2009-07-14 10:55:26

Expression SketchFlow

2013-04-17 09:47:10

Windows PhoWindows Pho

2012-04-10 12:34:25

春Phone沙龙

2012-04-19 08:42:22

春Phone沙龙

2012-03-07 11:30:09

PhoneGapWindows Pho

2011-11-03 15:55:40

Windows Pho

2010-04-26 13:48:17

iPhone OSiOSWindows Pho

2011-11-21 09:15:22

Windows Pho应用商店

2011-12-22 14:36:36

PhoneGapWindows Pho环境搭建

2013-07-30 12:37:56

Windows PhoWindows Pho

2010-04-21 17:07:54

Windows Pho

2010-08-11 10:22:33

Windows Pho图形特效插件

2011-04-08 10:02:06

日历Windows Pho

2010-04-08 17:40:23

Windows Pho

2009-03-06 19:14:41

Windows Pho微软
点赞
收藏

51CTO技术栈公众号