Windows Phone 7開發(fā)中涉及到許多技巧,下面就三個小技巧與大家分享,分別如下:
1. 設置應用程序的圖標
2. Windows Phone 7中的啟動畫面
3. 設置應用程序的橫排顯示
1. 設置應用程序的圖標
右擊Wp7應用程序的解決方案,選擇屬性,設置Icon為自己想要的圖片,如下圖
并且要確保圖片的build方式為Content,如上圖。最終的運行效果如下
2. Windows Phone 7中的啟動畫面
默認情況下,Windows Phone 7 應用程序會使用如下的默認圖片作為程序的啟動畫面,我們可以自己設置Windows Phone 7中的啟動畫面,可以設置為:1.使用自己的圖片作為啟動畫面 2. 帶動畫效果的啟動畫面 3.不使用啟動畫面
對于1,我們只要將SplashScreenImage替換為自己的圖片即可。而對于3,如果不想使用啟動畫面,我們只需將SplashScreenImage圖片移出項目即可。下面著重講一下如果實現(xiàn)動畫啟動畫面.
這里使用BackgroundWorker類來實現(xiàn),BackgroundWorker類是開辟一個后臺線程來處理一些操作而同時你的UI也能繼續(xù)響應用戶操作的類。更多的關于BackgroundWorker類大家可以Google其用法。在WP7的渲染線程中,如果你想要一個持續(xù)響應的用戶界面,那么BackgroundWorker類會變得很有用。你可以監(jiān)聽你想要做的操作的進程的事件以及操作完成的信號。我們使用RunWorkerAsync開啟后臺操作。
注意:我們不應該在BackgroundWorker類的DoWork去操作用戶界面。我們可以在ProgressChanged 和RunWorkerCompleted事件中去操作與用戶界面相關的操作。關于更多的可以參考MSDN http://msdn.microsoft.com/en-us/library/system.componentmodel.backgroundworker%28VS.95%29.aspx
下面開始創(chuàng)建動畫的啟動動畫的步驟
1. 創(chuàng)建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) =>
{
Thread.Sleep(5000);
});
backroungWorker.RunWorkerCompleted += ((s, args) =>
{
this.Dispatcher.BeginInvoke(() =>
{
this.myPopup.IsOpen = false;
}
);
});
backroungWorker.RunWorkerAsync();
}
}
3. 編輯AnimatedSplashScreen.xaml前臺代碼如下
<StackPanel x:Name="LayoutRoot" Background="Black" Height="800" Width="480">
<TextBlock Text="WindowsPhoneGeek Sample Splash Screen" x:Name="text" Foreground="Green" FontSize="65" TextWrapping="Wrap" Margin="0,20,0,0"/>
<Image Source="logo.png" x:Name="logoImage" Stretch="None" Margin="0,0,0,50">
<Image.Projection>
<PlaneProjection/>
</Image.Projection>
</Image>
<toolkit:PerformanceProgressBar IsIndeterminate="True" Foreground="Green"/>
</StackPanel>
并且添加如下的動畫資源
<UserControl.Resources>
<Storyboard x:Key="flippingAnimation" >
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationX)" Storyboard.TargetName="logoImage">
<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
<EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
<EasingDoubleKeyFrame KeyTime="0:0:2" Value="360"/>
</DoubleAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="text">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
<DiscreteObjectKeyFrame KeyTime="0:0:2">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Green"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</UserControl.Resources>
4. 最后編輯其后置代碼如下
public AnimatedSplashScreen()
{
InitializeComponent();
Storyboard flippingAnimation = this.Resources["flippingAnimation"] as Storyboard;
flippingAnimation.Begin();
}
3. 設置應用程序的Orientations
Windows Phone 7默認的Orientations是Portrait 的
則切換到橫排是如下圖
我們可以做如下的修改 ,將SupportedOrientations設為PortaitOrLandscape,如下圖
則再次運行程序,切換到橫排時,效果如下圖