Windows Phone开发工具初体验

作者:马宁

这是为《程序员》4月期写的文章,是在《双重惊喜——Windows Phone Developer Tools初体验》的基础上增加了一些内容,包括WebBrowser空间、MediaPlayer空间,还有一个非常简单的XNA程序。希望对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 PhoneXNA 4.0 Game Studio。目前,Windows Phone开发工具只能安装在Windows 7Vista SP2上,还需要显卡支持DirectX 10

打开VS 2010后,我的感觉喜忧参半,喜的是Windows Phone提供了两种不同的开发平台:Silverlight for Windows PhoneXNA 4.0,忧的是,以前Windows MobileC++.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”

Windows Phone开发工具初体验_第1张图片

不知道Phone List Application是啥,看起来Windows Phone的界面会以List为主了。点击OK后,会直接进入IDE的主界面:

Windows Phone开发工具初体验_第2张图片

似曾相识,左边是工具栏,可以拖拽控件到UI设计器上,与XAML界面对应。根据示例程序,我准备编写一个浏览器和媒体播放器,首先是从Toolbox中将MediaElementWebBrowser控件拖拽到UI设计器上。

Windows Phone开发工具初体验_第3张图片

为了播放多媒体文件,我们还要在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开发工具初体验_第4张图片

代码编辑完成后,选择Windows Phone Emulator作为目标设备。直接按F5Windows Phone Emulator会被启动。

Silverlight for Windows Phone类库中增加了很多Phone独有的功能。Microsoft.Phone的命名空间下,包括Phone、电话本、电子邮件、CameraBing地图、Marketplace、浏览器和搜索等功能。Microsoft.Device.Sensors中包括各种各样的传感器,其中包括重力感应。Silverlight中还包括了LocationPush Notification等独有功能。

我的程序运行起来就是下面这个样子。程序带有强烈的Zune风格,不但有标题,而且还有明显的Block List Title。另外就是输入法,带有明显iPhone的痕迹,不过对电容屏的支持看来不是问题了。

我还没有仔细看Windows Phone Emulator的实现机制,不过从启动速度来看,绝对不是把整个Windows Phone放在模拟器里执行了。原来Windows Device Emulator那个基于三星2410的小身板估计也跑不起来。反正也是Managed Code,估计又是JIT编译那套。恍惚间,仿佛回到了Pocket PC 2002的年代。

Windows Phone开发工具初体验_第5张图片 Windows Phone开发工具初体验_第6张图片 Windows Phone开发工具初体验_第7张图片

 

Windows Phone新界面

既然把Windows Phone Emulator起来了,我们就顺便参观下Windows Phone的新界面吧。点左边的Back键,会将应用程序的Debugger断掉,不知道程序是否退出了。点中间的Win Button,会回到主界面。

不过主界面上只有IE一个图标。Windows Phone模拟器中还没有包括其他的系统功能,比如电话、电子邮件、搜索等。模拟器也没有办法模拟重力感应、Location定位服务。希望到Windows Phone开发工具正式发布时,这些系统功能都可以被支持。

Windows Phone开发工具初体验_第8张图片 Windows Phone开发工具初体验_第9张图片 Windows Phone开发工具初体验_第10张图片

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开发,不支持WindowsXbox 360的游戏开发。

Silverlight for Windows Phone是典型的事件驱动型应用程序。而XNA是由时间驱动的应用程序,这也是游戏开发技术的典型特点。每隔固定时间,系统会触发Update事件,使程序得以更新。

不那么多废话了,创建个XNA 4.0的新工程吧!

Windows Phone开发工具初体验_第11张图片

选择Windows Phone Game就好了。IDE环境下没有界面编辑器,需要程序员通过代码来实现UIXNA程序的结构非常简单,程序员只需要实现几个简单的方法,就可以实现一个简单的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<Texture2D>("winphone");

            texture2 = Content.Load<Texture2D>("winphone");

 

            soundEffect = Content.Load<SoundEffect>("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开发工具初体验_第12张图片

写在最后

Windows Phone开发工具不是完美无缺的,比如Visual Studio启动调试程序的时间比较长,希望这是模拟器的问题,在Windows Phone设备上不是这样。

写完这篇文章,心中最多的还是感慨,我们不应该将Windows Phone视作Windows Mobile的升级了,这是一个全新的手机操作系统。Windows Phone的功能可能没有Windows Mobile丰富,但是他赢得喝彩,靠的只有四个字——用户体验。

凤凰涅磐,Windows Phone的路还很长,但是我们这些紧紧追随的开发者们,要得不就是对未来的一丝憧憬吗。

你可能感兴趣的:(Mobile开发资源,windows,phone,silverlight,webbrowser,windows,开发工具,mobile)