使用Silverlight for Embedded开发绚丽的界面(2)

5.Step by Step

为了偷懒，我只是简单翻译一下一个国外朋友的博客文章，文章不错，我只是在此基础上做一点补充，并提供带Embedded XAML Runtime引擎的SDK(下一篇文章)，让你可以在这个SDK提供的模拟器上测试你编写的SE Application，这样你不需要每次都编译一下CE OS的subproject。但是有一点需要申明，在模拟器跑起来的效果会很差，一方面因为没有硬件加速(没有硬件加速的情况下不可能使用任何技术实现即非常绚丽又快速的效果)，另一方面PC上的显示器清晰度比一些CE高DPI的设备低很多。

原文地址：http://geekswithblogs.net/WindowsEmbeddedCookbook/archive/2009/10/01/silverlight-for-embedded-tutorial.aspx

1.使用Expression Blend 2生成XAML等资源

创建一个Silverlight application：

你需要使用Expression Blend 2 SP1，该版本支持Silverlight 2。从向导中你会看到你需要选择开发语言是C#还是Visual Basic，SE只能用C++编写，很可惜Expression Blend目前并不支持C++，所以我们不需要Expression Blend生成的任何代码。

那么怎样不让Expression Blend帮我们生成的C#或者VB.NET代码呢？请看下图：

创建一个新的项目之后，Expression Blend已经帮你生成好一个空XAML文件(默认叫page.xaml)。

我们从Silverlight提供的控件集中拖一个简单的按钮：

使用属性窗口我们给新按钮分配一个名称：

属性窗口允许你自定义按钮的各种属性：颜色、旋转角度(你可以让一个垂直的按钮旋转45度!)、透明度等等。

我们在下一篇文章中体验这些特性，现在我们仅仅保持按钮原样，并保存XAML文件。

如果你用一个记事本打开一个XAML文件你会发现它们非常简单：

?

1 2 3 4 5 6 7 8 9 10 11 12 13

< UserControl  xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"      xmlns:x "http://schemas.microsoft.com/winfx/2006/xaml"  x:Class "SimpleApp.Page"   Width "640"  Height "480" >        Grid  x:Name "LayoutRoot"  Background "White" >            Button  "87"  Margin "189,106,209,0"  VerticalAlignment "Top"  Content "Button"  "MyButton" />   </ Grid >   UserControl >

UserControl作为顶部容器包含我们的按钮，Grid用于布局(对象被组织成以列和行的形式)。

按钮具有各种属性，比如在grid cell中的定位、对齐方式、content(字符串值“Button”)和name(字符串值”MyButton”)。

 

2.编码

到这一步我们做好了Design，下一步我们可以启动Platform Builder，在我们自己的OS Design项目上创建一个新的subproject。(在后面我会提供一个Alchemy SDK，在这个SDK上编写SE based Application你甚至不需要安装任何CE系统的开发环境。)

在solution窗口，右击新建一个subproject，创建一个WCE Application：

选择A simple Windows Embedded CE application：

这会创建一个应用程序仅仅包含WinMain函数，对与我们第一个SE应用程序来说已经够了。

第一件要做的事是包含一些头文件：

4

#include "pwinuser.h"

#include "xamlruntime.h"

#include "xrdelegate.h"

#include "xrptr.h"