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