Windows Phone開發(fā)工具初體驗
這是為《程序員》4月期寫的文章,是在《雙重驚喜——Windows Phone Developer Tools初體驗》的基礎(chǔ)上增加了一些內(nèi)容,包括WebBrowser空間、MediaPlayer空間,還有一個非常簡單的XNA程序。希望對Windows Phone開發(fā)有興趣的朋友有一些幫助。
Windows Phone開發(fā)工具在MIX 2010上火熱登場了。Windows Mobile開發(fā)者們壓抑許久的熱情終于爆發(fā)出來,對于Windows Phone的華麗轉(zhuǎn)身,開發(fā)者們褒貶不一,有人對Silverlight、 XNA等新技術(shù)充滿期待,有人對放棄以前版本兼容性、不支持C++開發(fā)滿腹怨言。
無論如何,Windows Phone為我們帶來了新的用戶體驗、新的開發(fā)工具,總比讓開發(fā)者守著Windows Mobile的老面孔,一起慢慢變老,要好吧?下面,就讓我們看看Windows Phone開發(fā)工具會為開發(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ā)平臺:Silverlight for Windows Phone和XNA 4.0,憂的是,以前Windows Mobile的C++和.NET Compact Framework都用不上了。所以,以前的Windows Mobile程序員也要經(jīng)歷一個痛苦的轉(zhuǎn)型過程。
接下來,我們就看看Windows Phone帶來的雙重驚喜吧!
Silverlight for Windows Phone
Silverlight for Windows Phone險些淪為一個笑話,Windows Mobile程序員在抱怨,Symbian上的Silverlight都出來了,Windows Mobile上的Silverlight在哪里?這次,Silverlight for Windows Phone來了,而且所有Windows Phone上的應(yīng)用必須用Silverlight來寫。
Silverlight最大的優(yōu)勢在于與Expression Blend的無縫整合,可以快速設(shè)計出非常漂亮的用戶界面,將程序員從繁瑣的UI開發(fā)中解放出來。而且Silverlight for Windows Phone不再是Silverlight的子集,而是支持Silverlight的全部功能。這樣的好處是,已有的Silverlight程序很容易移植到Windows Phone手機(jī)上。
在程序菜單的XNA Game Studio 4.0下打開VS 2010,創(chuàng)建一個新工程,在Visual C#下找到三個模板,選擇”Windows Phone Application”。
不知道Phone List Application是啥,看起來Windows Phone的界面會以List為主了。點擊OK后,會直接進(jìn)入IDE的主界面:
似曾相識,左邊是工具欄,可以拖拽控件到UI設(shè)計器上,與XAML界面對應(yīng)。根據(jù)示例程序,我準(zhǔn)備編寫一個瀏覽器和媒體播放器,首先是從Toolbox中將MediaElement和WebBrowser控件拖拽到UI設(shè)計器上。
為了播放多媒體文件,我們還要在Solution Explorer里將wmv文件添加到工程里。做法和Windows Mobile工程一致,選擇Content類型,wmv文件會和工程一起發(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會被啟動。
Silverlight for Windows Phone類庫中增加了很多Phone獨有的功能。Microsoft.Phone的命名空間下,包括Phone、電話本、電子郵件、Camera、Bing地圖、Marketplace、瀏覽器和搜索等功能。Microsoft.Device.Sensors中包括各種各樣的傳感器,其中包括重力感應(yīng)。Silverlight中還包括了Location和Push Notification等獨有功能。
我的程序運行起來就是下面這個樣子。程序帶有強(qiáng)烈的Zune風(fēng)格,不但有標(biāo)題,而且還有明顯的Block List Title。另外就是輸入法,帶有明顯iPhone的痕跡,不過對電容屏的支持看來不是問題了。
我還沒有仔細(xì)看Windows Phone Emulator的實現(xiàn)機(jī)制,不過從啟動速度來看,絕對不是把整個Windows Phone放在模擬器里執(zhí)行了。原來Windows Device Emulator那個基于三星2410的小身板估計也跑不起來。反正也是Managed Code,估計又是JIT編譯那套?;秀遍g,仿佛回到了Pocket PC 2002的年代。
Windows Phone新界面
既然把Windows Phone Emulator起來了,我們就順便參觀下Windows Phone的新界面吧。點左邊的Back鍵,會將應(yīng)用程序的Debugger斷掉,不知道程序是否退出了。點中間的Win Button,會回到主界面。
不過主界面上只有IE一個圖標(biāo)。Windows Phone模擬器中還沒有包括其他的系統(tǒng)功能,比如電話、電子郵件、搜索等。模擬器也沒有辦法模擬重力感應(yīng)、Location定位服務(wù)。希望到Windows Phone開發(fā)工具正式發(fā)布時,這些系統(tǒng)功能都可以被支持。
IE的用戶體驗非常好,一開始新手發(fā)蒙,沒找到地址欄,后邊就非常順利了。無論是頁面縮放時的平滑動畫,還是輸入時切換到適當(dāng)大小的設(shè)計,都非常順手。特別是Multi-Tab的設(shè)計,感覺非常舒服。特意試了Google Map,顯示一切正常。智能手機(jī)時代,有一個好的瀏覽器,其實就成功了一半。
哦,還有一點,我在Windows Phone Emulator里沒有做任何配置,就可以上網(wǎng)了。
XNA 4.0
在移動開發(fā)界,XNA還不是一個響亮的名字,但是在游戲開發(fā)界,Xbox 360上的XNA則是泰山北斗級的開發(fā)技術(shù)。XNA不僅僅是一個.NET的游戲開發(fā)平臺,還包括了很多支持Xbox Live服務(wù)的功能,比如,Avatars技術(shù)支持在游戲中顯示用戶設(shè)計的形象。希望這項技術(shù)能夠和同名電影一樣,改變移動游戲開發(fā)的歷史。
Windows Phone支持的是XNA 4.0,與Zune HD上的XNA 3.1有啥區(qū)別?支持3D游戲!目前我們看到的這個XNA 4.0預(yù)覽版只支持Windows Phone開發(fā),不支持Windows和Xbox 360的游戲開發(fā)。
Silverlight for Windows Phone是典型的事件驅(qū)動型應(yīng)用程序。而XNA是由時間驅(qū)動的應(yīng)用程序,這也是游戲開發(fā)技術(shù)的典型特點。每隔固定時間,系統(tǒng)會觸發(fā)Update事件,使程序得以更新。
不那么多廢話了,創(chuàng)建個XNA 4.0的新工程吧!
選擇Windows Phone Game就好了。IDE環(huán)境下沒有界面編輯器,需要程序員通過代碼來實現(xiàn)UI。XNA程序的結(jié)構(gòu)非常簡單,程序員只需要實現(xiàn)幾個簡單的方法,就可以實現(xiàn)一個簡單的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
texture2 = Content.Load
soundEffect = Content.Load
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)行碰撞檢測。如果后退鍵被按下,則退出程序。
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方法對更新后的元素進(jìn)行繪制。
我們的第一個XNA程序會顯示兩張圖片,這兩張圖片會在屏幕中運行,運行到邊緣時,會反彈回來。
寫在最后
Windows Phone開發(fā)工具不是完美無缺的,比如Visual Studio啟動調(diào)試程序的時間比較長,希望這是模擬器的問題,在Windows Phone設(shè)備上不是這樣。
寫完這篇文章,心中最多的還是感慨,我們不應(yīng)該將Windows Phone視作Windows Mobile的升級了,這是一個全新的手機(jī)操作系統(tǒng)。Windows Phone的功能可能沒有Windows Mobile豐富,但是他贏得喝彩,靠的只有四個字——用戶體驗。
鳳凰涅磐,Windows Phone的路還很長,但是我們這些緊緊追隨的開發(fā)者們,要得不就是對未來的一絲憧憬嗎。