之前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:
勾选Microsoft Expression Blend 4 for Windows Phone后,点击Next:
安装完毕。
#p#
2.在Blend中新建WindowsPhoneHelloWorld项目
启动Expression Blend,选择新建项目:
输入项目名称WindowsPhoneHelloWorld:
点击OK按钮创建项目完毕:
在上图中,我们可以看到整个Blend的工作区了;在Blend中我们可以更好更方便的设计应用程序界面。
选中TextBlock控件PageTitle,设置其Text属性为Hello World!
也可直接修改XAML:
- <!--TitlePanel contains the name of the application and page title-->
- <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28" Grid.ColumnSpan="2">
- <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
- <TextBlock x:Name="PageTitle" Text="Hello World!" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
- </StackPanel>
#p#
3.运行程序
点击F5,Blend即会把程序部署到模拟器上,并且运行模拟器:
#p#
4.调试程序
在MainPage.xaml.cs中添加一行代码用于弹出一个对话框:
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Net;
- using System.Windows;
- using System.Windows.Controls;
- using System.Windows.Documents;
- using System.Windows.Input;
- using System.Windows.Media;
- using System.Windows.Media.Animation;
- using System.Windows.Shapes;
- using Microsoft.Phone.Controls;
- namespace WindowsPhoneHelloWorld
- {
- public partial class MainPage : PhoneApplicationPage
- {
- public MainPage()
- {
- InitializeComponent();
- MessageBox.Show("Test Debug in Blend", "Test", MessageBoxButton.OKCancel);
- }
- }
- }
由于Expression Blend本身是一个设计工具,并不支持调试功能,我们可以将项目在Visual Studio中运行调试。
在Projects面板中,选择项目,单击右键选择Edit in Visual Studio:
如果遇到错误Cannot open in visual studio the requested operation requires elevation,请以管理员身份运行Blend:
以下为程序在Visual Studio 2010中打开的界面:
打开MainPage.xaml.cs,添加断点,点击调试按钮即可开始调试:
将Express Blend这个强大的设计工具与Visual Studio结合,可以更轻松的创建精彩的应用程序!
原文链接:http://kosmisch.net/archive/2011/06/15/6c7fc4199113d162dab4bd37.aspx