Windows Phone 7 技巧三则

Windows Phone 7开发中涉及到许多技巧，下面就三个小技巧与大家分享，分别如下： 

 1. 设置应用程序的图标

2. Windows Phone 7中的启动画面

3. 设置应用程序的横排显示

1. 设置应用程序的图标

右击Wp7应用程序的解决方案，选择属性，设置Icon为自己想要的图片，如下图

<a href="http://blog.51cto.com/attachment/201105/210651718.jpg" target="_blank"></a>

<a href="http://blog.51cto.com/attachment/201105/210719935.jpg" target="_blank"></a>

并且要确保图片的build方式为Content，如上图。最终的运行效果如下

<a href="http://blog.51cto.com/attachment/201105/210744190.jpg" target="_blank"></a>

默认情况下，Windows Phone 7 应用程序会使用如下的默认图片作为程序的启动画面，我们可以自己设置Windows Phone 7中的启动画面，可以设置为：1.使用自己的图片作为启动画面 2. 带动画效果的启动画面 3.不使用启动画面

对于1，我们只要将SplashScreenImage替换为自己的图片即可。而对于3，如果不想使用启动画面，我们只需将SplashScreenImage图片移出项目即可。下面着重讲一下如果实现动画启动画面.

<a href="http://blog.51cto.com/attachment/201105/210838199.jpg" target="_blank"></a>

 这里使用BackgroundWorker类来实现，BackgroundWorker类是开辟一个后台线程来处理一些操作而同时你的UI也能继续响应用户操作的类。更多的关于BackgroundWorker类大家可以Google其用法。在WP7的渲染线程中，如果你想要一个持续响应的用户界面，那么BackgroundWorker类会变得很有用。你可以监听你想要做的操作的进程的事件以及操作完成的信号。我们使用RunWorkerAsync开启后台操作。

注意：我们不应该在BackgroundWorker类的DoWork去操作用户界面。我们可以在ProgressChanged 和RunWorkerCompleted事件中去操作与用户界面相关的操作。关于更多的可以参考MSDN http://msdn.microsoft.com/en-us/library/system.componentmodel.backgroundworker%28VS.95%29.aspx

下面开始创建动画的启动动画的步骤

1. 创建WP7项目，并添加名为AnimatedSplashScreen.xaml的用户控件（UserControl）

2. 在MainPage.xaml.cs添加如下的命名空间，并且编辑后置代码如下

using System.Threading;

using System.Windows.Controls.Primitives;

public partial class MainPage : PhoneApplicationPage  

{  

BackgroundWorker backroungWorker;  

Popup myPopup;  

// Constructor  

public MainPage()  

InitializeComponent();  

myPopup = new Popup() { IsOpen = true, Child = new AnimatedSplashScreen() };  

backroungWorker = new BackgroundWorker();  

RunBackgroundWorker();  

}  

private void RunBackgroundWorker()  

backroungWorker.DoWork += ((s, args) =&gt;  

Thread.Sleep(5000);   

});  

backroungWorker.RunWorkerCompleted += ((s, args) =&gt;  

this.Dispatcher.BeginInvoke(() =&gt;  

this.myPopup.IsOpen = false;  

);  

backroungWorker.RunWorkerAsync();  

} 

3. 编辑AnimatedSplashScreen.xaml前台代码如下

&lt;StackPanel x:Name="LayoutRoot" Background="Black" Height="800" Width="480"&gt;  

&lt;TextBlock Text="WindowsPhoneGeek Sample Splash Screen" x:Name="text" Foreground="Green" FontSize="65" TextWrapping="Wrap" Margin="0,20,0,0"/&gt;  

&lt;Image Source="logo.png" x:Name="logoImage" Stretch="None" Margin="0,0,0,50"&gt;  

&lt;Image.Projection&gt;  

&lt;PlaneProjection/&gt;  

&lt;/Image.Projection&gt;  

&lt;/Image&gt;  

&lt;toolkit:PerformanceProgressBar IsIndeterminate="True" Foreground="Green"/&gt;  

&lt;/StackPanel&gt; 

并且添加如下的动画资源

&lt;UserControl.Resources&gt;  

&lt;Storyboard x:Key="flippingAnimation" &gt;  

&lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)" Storyboard.TargetName="logoImage"&gt;  

&lt;EasingDoubleKeyFrame KeyTime="0" Value="0"/&gt;  

&lt;EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/&gt;  

&lt;EasingDoubleKeyFrame KeyTime="0:0:2" Value="360"/&gt;  

&lt;/DoubleAnimationUsingKeyFrames&gt;  

&lt;ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="text"&gt;  

&lt;DiscreteObjectKeyFrame KeyTime="0"&gt;  

&lt;DiscreteObjectKeyFrame.Value&gt;  

&lt;SolidColorBrush Color="White"/&gt;  

&lt;/DiscreteObjectKeyFrame.Value&gt;  

&lt;/DiscreteObjectKeyFrame&gt;  

&lt;DiscreteObjectKeyFrame KeyTime="0:0:2"&gt;  

&lt;SolidColorBrush Color="Green"/&gt;  

&lt;/ObjectAnimationUsingKeyFrames&gt;  

&lt;/Storyboard&gt;  

&lt;/UserControl.Resources&gt; 

4. 最后编辑其后置代码如下

public AnimatedSplashScreen()  

Storyboard flippingAnimation = this.Resources["flippingAnimation"] as Storyboard;  

flippingAnimation.Begin();  

3. 设置应用程序的Orientations

 Windows Phone 7默认的Orientations是Portrait 的

<a href="http://blog.51cto.com/attachment/201105/211115958.png" target="_blank"></a>

则切换到横排是如下图

<a href="http://blog.51cto.com/attachment/201105/211229117.jpg" target="_blank"></a>

我们可以做如下的修改 ，将SupportedOrientations设为PortaitOrLandscape，如下图

<a href="http://blog.51cto.com/attachment/201105/211312526.png" target="_blank"></a>

 则再次运行程序，切换到横排时，效果如下图

<a href="http://blog.51cto.com/attachment/201105/211411740.jpg" target="_blank"></a>

    本文转自xshf12345 51CTO博客，原文链接：http://blog.51cto.com/alexis/574966，如需转载请自行联系原作者