在Wince 中使用IXRResourceDictionary加载全局资源App.xaml

   阅读本DEMO假定您对Silverlight，WinCe C++（本人初学）开发有一定了解。由于涉及到一些项目的隐私效果图就不上了，参考资料http://msdn.microsoft.com/en-us/library/ee503954.aspx
1、创建SDK：这个比较简单找到先前我们创建编译成功的的OS项目在SDKs目录右键添加新的SDK设置相关属性，编译SDK成功后，安装生成的**SDK.msi至开发机器便可针对此版本SDK进行相关应用开发!
2、使用安装的SDK建立项目，开发wince应用
   2.1:建立项目：
     2.1.1:新建一个Win32智能设备项目

     2.1.2:选择我们自己编译的SDK“SDK_Silverlight”

     2.1.3:新建一个空白windows应用程

     2.1.4:添加项目运行时依赖xamlruntime.lib

     2.1.5:启动SDK模拟器设置Storage card共享目录以方便进行调试和效果查看

3、在Blend中设计和准备用到的XAML资源
 3.1：设计按纽样式及全局画刷资源App.XAML参考:

<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"> <Application.Resources> <!-- Resources scoped at the Application level should be defined here. --> <ImageBrush x:Key="imageBrushMainBg" ImageSource="image/mainBg.png"/> <ImageBrush x:Key="imageBrushMainTitle" ImageSource="image/mainTitle.png"/> <ImageBrush x:Key="imageBrushMainButtom" ImageSource="image/mainBottom.png"/> <ImageBrush x:Key="imageMenuButton" ImageSource="image/menu_0.png"/> <Style x:Key="imageButton" TargetType="Button"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <Grid RenderTransformOrigin="0.5,0.5" x:Name="grid"> <Grid.RenderTransform> <TransformGroup> <ScaleTransform/> <SkewTransform/> <RotateTransform/> <TranslateTransform/> </TransformGroup> </Grid.RenderTransform> <vsm:VisualStateManager.VisualStateGroups> <vsm:VisualStateGroup x:Name="FocusStates"> <vsm:VisualStateGroup.Transitions> <vsm:VisualTransition GeneratedDuration="00:00:00.6000000" To="Focused"/> <vsm:VisualTransition GeneratedDuration="00:00:00" To="Unfocused"/> </vsm:VisualStateGroup.Transitions> <vsm:VisualState x:Name="Unfocused"> <Storyboard> <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.Visibility)"> <DiscreteObjectKeyFrame KeyTime="00:00:00"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </vsm:VisualState> <vsm:VisualState x:Name="Focused"> <Storyboard> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"> <SplineDoubleKeyFrame KeyTime="00:00:00.200000" Value="0.9"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"> <SplineDoubleKeyFrame KeyTime="00:00:00.200000" Value="0.9"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </vsm:VisualState> </vsm:VisualStateGroup> <vsm:VisualStateGroup x:Name="CommonStates"> <vsm:VisualStateGroup.Transitions> <vsm:VisualTransition GeneratedDuration="00:00:00.4000000" To="Normal"/> <vsm:VisualTransition GeneratedDuration="00:00:00.6000000" To="Pressed"/> </vsm:VisualStateGroup.Transitions> <vsm:VisualState x:Name="MouseOver"> <Storyboard> <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)"> <SplineColorKeyFrame KeyTime="00:00:00" Value="#26605151"/> </ColorAnimationUsingKeyFrames> </Storyboard> </vsm:VisualState> <vsm:VisualState x:Name="Normal"> <Storyboard> <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(UIElement.Visibility)"> <DiscreteObjectKeyFrame KeyTime="00:00:00"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </vsm:VisualState> <vsm:VisualState x:Name="Pressed"> <Storyboard> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"> <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.9"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"> <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.9"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </vsm:VisualState> <vsm:VisualState x:Name="Disabled"/> </vsm:VisualStateGroup> </vsm:VisualStateManager.VisualStateGroups> <Rectangle Height="Auto" Margin="-15,-15,-15,-15" VerticalAlignment="Stretch" Stroke="{x:Null}" Visibility="Visible" x:Name="rectangle" Fill="#FF000000"/> <Rectangle HorizontalAlignment="Stretch" Margin="0,0,0,0" Width="Auto" Grid.Row="2" Fill="{StaticResource imageMenuButton}" Stroke="{x:Null}" /> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </Application.Resources> </Application>  
  3.2：设计Page.XAML主页面参考：

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="800" Height="600"> <Grid x:Name="LayoutRoot" Background="{StaticResource imageBrushMainBg}"> <Grid.RowDefinitions> <RowDefinition Height="30" /> <RowDefinition/> <RowDefinition Height="105" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition /> </Grid.ColumnDefinitions> <Rectangle HorizontalAlignment="Stretch" Margin="0,0,0,0" Width="Auto" Grid.Row="2" Fill="{StaticResource imageBrushMainButtom}" Stroke="{x:Null}" x:Name="rectMainBg"/> <StackPanel HorizontalAlignment="Center" Margin="0,0,0,0" Width="Auto" Grid.Row="2" VerticalAlignment="Center" Background="{x:Null}" x:Name="panelMainButton" Orientation="Horizontal"> <Button Height="101" Style="{StaticResource imageButton}" mce_Style="{StaticResource imageButton}" Width="97" Content="Button"/> <Image x:Name="img1" Height="101" Width="97" Source="IMAGE/MENU_1.PNG" Stretch="Fill" Margin="15,0,15,0"/> <Image x:Name="img2" Height="101" Width="97" Source="IMAGE/MENU_2.PNG" Stretch="Fill" Margin="15,0,15,0"/> <Button Height="101" Style="{StaticResource imageButton}" mce_Style="{StaticResource imageButton}" Width="97" Content="Button"/> <Button Height="101" Style="{StaticResource imageButton}" mce_Style="{StaticResource imageButton}" Width="97" Content="Button"/> </StackPanel> </Grid> </UserControl>  
 4、详细C++代码实现(资源可以使用外部和嵌入式两种我采取了前者外部加载资源的方式):
   4.1：设置一些资源数据全局变量
UINT exitCode; IXRVisualHostPtr vhost; LPCTSTR strFilePath[8]; IXRBitmapImagePtr images[8]; IXRFrameworkElement* pRoot = NULL; IXRApplication *app; 
   4.2：初使化我们会使用到的图片资源路径信息：
//初始化图片资源信息数组 void InitPicturePathStr(void) { strFilePath[0] = L"//Storage Card//image//mainBg.png"; strFilePath[1] = L"//Storage Card//image//mainTitle.png"; strFilePath[2] = L"//Storage Card//image//mainBottom.png"; strFilePath[3] = L"//Storage Card//image//menu_0.png"; strFilePath[4] = L"//Storage Card//image//menu_1.png"; strFilePath[5] = L"//Storage Card//image//menu_2.png"; strFilePath[6] = L"//Storage Card//image//returnMain.png"; strFilePath[7] = L"//Storage Card//image//lightSetNol.png"; } 
   4.3：加载我们会使用到的图片资源

//动态加载图片资源 void SetAppImageResouece(HINSTANCE hInstance,IXRApplication* app) { HRESULT rc; for(int i=0;i<8;i++) { if(FAILED(rc = app ->CreateObject(IID_IXRBitmapImage,&images[i]))) break; if(FAILED(rc =images[i] ->SetUriSource(strFilePath[i]))) { break; } } }  
    4.4：为Application加载全局资源App.XAML
     IXRResourceDictionary *pResourceDictionary; XRXamlSource source; source.SetFile(L"//Storage Card//App.xaml"); app->LoadResourceDictionary(&source,&pResourceDictionary);  
    4.5:为App.xaml中的ImageBrush设置图片信息

app->GetResourceDictionary(&pResourceDictionary); IXRImageBrush* imageBrush; for(int i=0;i<4;i++) { switch (i) { case 0: pResourceDictionary->GetItem(TEXT("imageBrushMainBg"),&imageBrush); imageBrush->SetImageSource(images[0]); break; case 1: pResourceDictionary->GetItem(TEXT("imageBrushMainTitle"),&imageBrush); imageBrush->SetImageSource(images[1]); break; case 2: pResourceDictionary->GetItem(TEXT("imageBrushMainButtom"),&imageBrush); imageBrush->SetImageSource(images[2]); break; case 3: pResourceDictionary->GetItem(TEXT("imageMenuButton"),&imageBrush); imageBrush->SetImageSource(images[3]); break; } }  
     4.6：设置窗体样式加载主页面Page.xaml文件

XRWindowCreateParams wp; ZeroMemory(&wp,sizeof(XRWindowCreateParams)); wp.Style = WS_POPUP; wp.pTitle =L"Scheme"; wp.Left = 0; wp.Top = 0; wp.Width = 800; wp.Height = 600; XRXamlSource xamlSrc; xamlSrc.SetFile(L"//Storage Card//Page.xaml"); //xamlSrc.SetResource(hInstance,L"XAML",MAKEINTRESOURCE(500)); if(FAILED(retcode = app ->CreateHostFromXaml(&xamlSrc,&wp,&vhost))) return -1; vhost ->GetRootElement(&pRoot);  
   4.7：为Page.xaml中使用到的图片控件设置图片信息

IXRImage* curImage; for(int j=0;j<2;j++) { switch(j) { case 0: if(!FAILED(pRoot->FindName(TEXT("img1"),&curImage))) curImage->SetSource(images[5]); break; case 1: if(!FAILED(pRoot->FindName(TEXT("img2"),&curImage))) curImage->SetSource(images[4]); break; } //AttachMouseEvent(curImage); }  
   4.8：显示窗体在模拟器上运行：
 if(FAILED(retcode =vhost->StartDialog(&exitCode))) return -1;
本文结束，下一篇将介绍一下如何注册鼠标事件实现图片按钮的拖拽和缩放。