這是為《程序員》4月期寫的文章，是在《雙重驚喜——Windows Phone Developer Tools初體驗(yàn)》的基礎(chǔ)上增加了一些內(nèi)容，包括WebBrowser空間、MediaPlayer空間，還有一個(gè)非常簡單的XNA程序。希望對(duì)Windows Phone開發(fā)有興趣的朋友有一些幫助。

Windows Phone開發(fā)工具在MIX 2010上火熱登場了。Windows Mobile開發(fā)者們壓抑許久的熱情終于爆發(fā)出來，對(duì)于Windows Phone的華麗轉(zhuǎn)身，開發(fā)者們褒貶不一，有人對(duì)Silverlight、 XNA等新技術(shù)充滿期待，有人對(duì)放棄以前版本兼容性、不支持C++開發(fā)滿腹怨言。

無論如何，Windows Phone為我們帶來了新的用戶體驗(yàn)、新的開發(fā)工具，總比讓開發(fā)者守著Windows Mobile的老面孔，一起慢慢變老，要好吧?下面，就讓我們看看Windows Phone開發(fā)工具會(huì)為開發(fā)者們帶來哪些驚喜，呃，或者驚訝。

Windows Phone開發(fā)工具的社區(qū)預(yù)覽版(CTP)可以在MSDN上下載。其中包括Visual Studio 2010 Express for Windows Phone, Windows Phone模擬器, Silverlight for Windows Phone和XNA 4.0 Game Studio。目前，Windows Phone開發(fā)工具只能安裝在Windows 7和Vista SP2上，還需要顯卡支持DirectX 10。

打開VS 2010后，我的感覺喜憂參半，喜的是Windows Phone提供了兩種不同的開發(fā)平臺(tái)：Silverlight for Windows Phone和XNA 4.0，憂的是，以前Windows Mobile的C++和.NET Compact Framework都用不上了。所以，以前的Windows Mobile程序員也要經(jīng)歷一個(gè)痛苦的轉(zhuǎn)型過程。

接下來，我們就看看Windows Phone帶來的雙重驚喜吧!

Silverlight for Windows Phone

Silverlight for Windows Phone險(xiǎn)些淪為一個(gè)笑話，Windows Mobile程序員在抱怨，Symbian上的Silverlight都出來了，Windows Mobile上的Silverlight在哪里?這次，Silverlight for Windows Phone來了，而且所有Windows Phone上的應(yīng)用必須用Silverlight來寫。

Silverlight最大的優(yōu)勢(shì)在于與Expression Blend的無縫整合，可以快速設(shè)計(jì)出非常漂亮的用戶界面，將程序員從繁瑣的UI開發(fā)中解放出來。而且Silverlight for Windows Phone不再是Silverlight的子集，而是支持Silverlight的全部功能。這樣的好處是，已有的Silverlight程序很容易移植到Windows Phone手機(jī)上。

在程序菜單的XNA Game Studio 4.0下打開VS 2010，創(chuàng)建一個(gè)新工程，在Visual C#下找到三個(gè)模板，選擇”Windows Phone Application”。

不知道Phone List Application是啥，看起來Windows Phone的界面會(huì)以List為主了。點(diǎn)擊OK后，會(huì)直接進(jìn)入IDE的主界面：

似曾相識(shí)，左邊是工具欄，可以拖拽控件到UI設(shè)計(jì)器上，與XAML界面對(duì)應(yīng)。根據(jù)示例程序，我準(zhǔn)備編寫一個(gè)瀏覽器和媒體播放器，首先是從Toolbox中將MediaElement和WebBrowser控件拖拽到UI設(shè)計(jì)器上。

為了播放多媒體文件，我們還要在Solution Explorer里將wmv文件添加到工程里。做法和Windows Mobile工程一致，選擇Content類型，wmv文件會(huì)和工程一起發(fā)布。

接下來就是編寫代碼了。MediaElement組件需要設(shè)置Source屬性，然后調(diào)用Play方法。而WebBrowser選擇Navigate方法來訪問指定網(wǎng)站。

private void button1_Click(object sender, RoutedEventArgs e)

{

textBlockListTitle.Text = textBox1.Text;

if (Convert.ToBoolean(checkBox1.IsChecked))

{

webBrowser1.Visibility = Visibility.Collapsed;

mediaElement1.Visibility = Visibility.Visible;

// play Video

mediaElement1.Source = new Uri("Wildlife.wmv", UriKind.Relative);

mediaElement1.Position = TimeSpan.FromMilliseconds(0);

mediaElement1.Play();

}

else

{

mediaElement1.Visibility = Visibility.Collapsed;

webBrowser1.Visibility = Visibility.Visible;

// Browser

webBrowser1.Navigate(new Uri(textBox1.Text, UriKind.Absolute));

}

}

代碼編輯完成后，選擇Windows Phone Emulator作為目標(biāo)設(shè)備。直接按F5，Windows Phone Emulator會(huì)被啟動(dòng)。

Silverlight for Windows Phone類庫中增加了很多Phone獨(dú)有的功能。Microsoft.Phone的命名空間下，包括Phone、電話本、電子郵件、Camera、Bing地圖、Marketplace、瀏覽器和搜索等功能。Microsoft.Device.Sensors中包括各種各樣的傳感器，其中包括重力感應(yīng)。Silverlight中還包括了Location和Push Notification等獨(dú)有功能。

我的程序運(yùn)行起來就是下面這個(gè)樣子。程序帶有強(qiáng)烈的Zune風(fēng)格，不但有標(biāo)題，而且還有明顯的Block List Title。另外就是輸入法，帶有明顯iPhone的痕跡，不過對(duì)電容屏的支持看來不是問題了。

我還沒有仔細(xì)看Windows Phone Emulator的實(shí)現(xiàn)機(jī)制，不過從啟動(dòng)速度來看，絕對(duì)不是把整個(gè)Windows Phone放在模擬器里執(zhí)行了。原來Windows Device Emulator那個(gè)基于三星2410的小身板估計(jì)也跑不起來。反正也是Managed Code，估計(jì)又是JIT編譯那套?；秀遍g，仿佛回到了Pocket PC 2002的年代。

Windows Phone新界面

既然把Windows Phone Emulator起來了，我們就順便參觀下Windows Phone的新界面吧。點(diǎn)左邊的Back鍵，會(huì)將應(yīng)用程序的Debugger斷掉，不知道程序是否退出了。點(diǎn)中間的Win Button，會(huì)回到主界面。

不過主界面上只有IE一個(gè)圖標(biāo)。Windows Phone模擬器中還沒有包括其他的系統(tǒng)功能，比如電話、電子郵件、搜索等。模擬器也沒有辦法模擬重力感應(yīng)、Location定位服務(wù)。希望到Windows Phone開發(fā)工具正式發(fā)布時(shí)，這些系統(tǒng)功能都可以被支持。

IE的用戶體驗(yàn)非常好，一開始新手發(fā)蒙，沒找到地址欄，后邊就非常順利了。無論是頁面縮放時(shí)的平滑動(dòng)畫，還是輸入時(shí)切換到適當(dāng)大小的設(shè)計(jì)，都非常順手。特別是Multi-Tab的設(shè)計(jì)，感覺非常舒服。特意試了Google Map，顯示一切正常。智能手機(jī)時(shí)代，有一個(gè)好的瀏覽器，其實(shí)就成功了一半。

哦，還有一點(diǎn)，我在Windows Phone Emulator里沒有做任何配置，就可以上網(wǎng)了。

XNA 4.0

在移動(dòng)開發(fā)界，XNA還不是一個(gè)響亮的名字，但是在游戲開發(fā)界，Xbox 360上的XNA則是泰山北斗級(jí)的開發(fā)技術(shù)。XNA不僅僅是一個(gè).NET的游戲開發(fā)平臺(tái)，還包括了很多支持Xbox Live服務(wù)的功能，比如，Avatars技術(shù)支持在游戲中顯示用戶設(shè)計(jì)的形象。希望這項(xiàng)技術(shù)能夠和同名電影一樣，改變移動(dòng)游戲開發(fā)的歷史。

Windows Phone支持的是XNA 4.0，與Zune HD上的XNA 3.1有啥區(qū)別?支持3D游戲!目前我們看到的這個(gè)XNA 4.0預(yù)覽版只支持Windows Phone開發(fā)，不支持Windows和Xbox 360的游戲開發(fā)。

Silverlight for Windows Phone是典型的事件驅(qū)動(dòng)型應(yīng)用程序。而XNA是由時(shí)間驅(qū)動(dòng)的應(yīng)用程序，這也是游戲開發(fā)技術(shù)的典型特點(diǎn)。每隔固定時(shí)間，系統(tǒng)會(huì)觸發(fā)Update事件，使程序得以更新。

不那么多廢話了，創(chuàng)建個(gè)XNA 4.0的新工程吧!

選擇Windows Phone Game就好了。IDE環(huán)境下沒有界面編輯器，需要程序員通過代碼來實(shí)現(xiàn)UI。XNA程序的結(jié)構(gòu)非常簡單，程序員只需要實(shí)現(xiàn)幾個(gè)簡單的方法，就可以實(shí)現(xiàn)一個(gè)簡單的XNA程序了。這些方法包括Initialize初始化方法、LoadContent加載文件、Update更新內(nèi)容和Draw繪制等方法。下面是示例代碼片段：

protected override void LoadContent()

{

// Create a new SpriteBatch, which can be used to draw textures.

spriteBatch = new SpriteBatch(GraphicsDevice);

texture1 = Content.Load("winphone");

texture2 = Content.Load("winphone");

soundEffect = Content.Load("Windows Ding");

spritePosition1.X = 0;

spritePosition1.Y = 0;

spritePosition2.X = graphics.GraphicsDevice.Viewport.Width - texture1.Width;

spritePosition2.Y = graphics.GraphicsDevice.Viewport.Height - texture1.Height;

sprite1Height = texture1.Bounds.Height;

sprite1Width = texture1.Bounds.Width;

sprite2Height = texture2.Bounds.Height;

sprite2Width = texture2.Bounds.Width;

}

LoadContent方法中使用Content.Load方法來加載資源文件，這些文件也是作為資源被加載到XNA程序中的。

protected override void Update(GameTime gameTime)

{

// Allows the game to exit

if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)

this.Exit();

// Move the sprite around.

UpdateSprite(gameTime, ref spritePosition1, ref spriteSpeed1);

UpdateSprite(gameTime, ref spritePosition2, ref spriteSpeed2);

CheckForCollision();

base.Update(gameTime);

}

Update方法負(fù)責(zé)更新元素的位置，進(jìn)行碰撞檢測(cè)。如果后退鍵被按下，則退出程序。

protected override void Draw(GameTime gameTime)

{

GraphicsDevice.Clear(Color.CornflowerBlue);

// TODO: Add your drawing code here

// Draw the sprite.

spriteBatch.Begin(SpriteSortMode.BackToFront, BlendState.AlphaBlend);

spriteBatch.Draw(texture1, spritePosition1, Color.White);

spriteBatch.End();

spriteBatch.Begin(SpriteSortMode.BackToFront, BlendState.Opaque);

spriteBatch.Draw(texture2, spritePosition2, Color.AliceBlue);

spriteBatch.End();

base.Draw(gameTime);

}

Draw方法對(duì)更新后的元素進(jìn)行繪制。

我們的第一個(gè)XNA程序會(huì)顯示兩張圖片，這兩張圖片會(huì)在屏幕中運(yùn)行，運(yùn)行到邊緣時(shí)，會(huì)反彈回來。

寫在最后

Windows Phone開發(fā)工具不是完美無缺的，比如Visual Studio啟動(dòng)調(diào)試程序的時(shí)間比較長，希望這是模擬器的問題，在Windows Phone設(shè)備上不是這樣。

寫完這篇文章，心中最多的還是感慨，我們不應(yīng)該將Windows Phone視作Windows Mobile的升級(jí)了，這是一個(gè)全新的手機(jī)操作系統(tǒng)。Windows Phone的功能可能沒有Windows Mobile豐富，但是他贏得喝彩，靠的只有四個(gè)字——用戶體驗(yàn)。

鳳凰涅磐，Windows Phone的路還很長，但是我們這些緊緊追隨的開發(fā)者們，要得不就是對(duì)未來的一絲憧憬嗎。