Silverlight For WinEmbedded 的页面切换实现
本文章的基础是:新建 WinCE7.0 下的 Silverlight 工程(http://www.cnblogs.com/91program/p/5201231.html)
前一段时间在研究 Silverlight 应用在 Windows Embdeed 下的使用。还在 Silverlight 论坛发帖子求助页面切换的问题,最后没有答案(帖子见:http://bbs.csdn.net/topics/390832361)。
在 Windows Embedded 下只能使用 C++ 配合 Silverlight 使用,但在 PC 上一般使用的是 C#,包括 Windows Phone 的开发,前期也只支持 C#。从 Windows Phone 8.1 开发,好像是支持 C++了。但这方面的资料太少!
建立一个基于 C++ 的 Silverlight 工程,还是比较麻烦的。特别是对 XAML 的处理,一般建议是在 Microsoft Expression Blend 3 中完成。
在安装 Silverlight for Windows Embedded 后,在新建项目中会多一个模板:Silverlight for Winodws Embedded Application,可以使用这个模板来创建基于 Silverlight 的应用。按向导一步步执行,最关键的一步是选择使用 Blend 创建的包含 XAML 的工程和默认的启动页面。
创建成功的 Demo,偶已经上传到 CSDN 下载频道。下载地址如下:http://download.csdn.net/detail/91program/7745251
页面切换的方法是以 MainPage 中的 Grid 为基础,在 Grid 中载入其它的 xaml 资源。即先显示 MainPage页面(一般为有一个或多个 Grid 的空页面),然后根据加载条件,载入不同的页面。
关键的代码和 XAML 如下:
1. MainPage.cpp
1 HRESULT MainPage::InitializeComponent() 2 { 3 HRESULT hr = E_FAIL; 4 m_clickDelegate = NULL; 5 6 7 FindName(L"LayoutRoot", &m_pLayoutRoot); 8 FindName(L"Gird_Layer_Source", &m_pGird_Layer_Source); 9 10 11 if (m_pLayoutRoot && m_pGird_Layer_Source) 12 { 13 hr = S_OK; 14 } 15 16 17 return hr; 18 }
2.MainPage.xaml
<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:WinEmbeddedHelloWorld" x:Class="WinEmbeddedHelloWorld.MainPage" Width="800" Height="480"> <Grid x:Name="LayoutRoot" Background="Black"> <Grid x:Name="Gird_Layer_Source" Margin="0,0,0,0"> </Grid> </Grid> </UserControl>
3. App.cpp
1) 页面注册
1 HRESULT App::RegisterUserControls() 2 { 3 HRESULT hr = S_OK; 4 5 6 static PFN_XRCUC_REGISTER pfn[] = 7 { 8 &MainPage::Register, 9 &SecondPage::Register, 10 }; 11 12 13 for (int i=0; i<_countof(pfn) && SUCCEEDED(hr); i++) 14 { 15 hr = pfn[i](); 16 17 18 if (FAILED(hr)) 19 { 20 RETAILMSG(1,(L"RegisterUserControls failed.")); 21 } 22 23 24 } 25 26 return hr; 27 } // RegisterUserControls
4. App.cpp 页面切换功能的实现
1) 全局变量
1 IXRGridPtr gpMainLayer = NULL;
2) 赋值
1 HRESULT App::CreateHost(XRWindowCreateParams* pCreateParams) 2 { 3 XRPtr<IXRCustomUserControl> pControl; 4 HRESULT hr = E_FAIL; 5 6 7 hr = m_pApplication->CreateObject(__uuidof(MainPage),&pControl); 8 if (SUCCEEDED(hr)) 9 { 10 hr = m_pApplication->CreateHostFromElementTree(pControl, pCreateParams, &m_pVisualHost); 11 } 12 13 14 IXRApplication *pApp = NULL; 15 App::GetApplication(&pApp); 16 IXRCustomUserControl *p1 = (IXRCustomUserControl *)pControl; 17 MainPage *pMainPage = dynamic_cast<MainPage *>(p1); 18 gpMainLayer = pMainPage->m_pGird_Layer_Source; // 记录显示的基础 Grid 19 pMainPage = NULL; 20 21 22 return hr; 23 }
3) 测试页面切换
- HRESULT App::OnStartup()
- {
- HRESULT hr = S_OK;
- IXRFrameworkElementPtr pRoot;
- hr = m_pVisualHost->GetRootElement(&pRoot);
- if (SUCCEEDED(hr))
- {
- // TODO: Add one time initialization code here.
- }
- // Leo 测试页面显示, 即页面切换(从 MainPage 切换到 SecondPage)
- if(NULL != gpMainLayer)
- {
- XRPtr<SecondPage> pSwitchPage = NULL;
- IXRUIElementCollection *pChildList = NULL;
- gpMainLayer->GetChildren(&pChildList);
- if(NULL == pChildList)
- {
- return NULL;
- }
- {
- HRESULT hr = m_pApplication->CreateObject(__uuidof(SecondPage),&pSwitchPage);
- if(SUCCEEDED(hr) && NULL != pSwitchPage)
- {
- // pSwitchPage->OnLoad();
- pChildList->Add(pSwitchPage,NULL);
- }
- }
- }
- return hr;
- } // OnStartup
5 SecondPage.xaml
<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="WinEmbeddedHelloWorld.SecondPage" d:DesignWidth="640" d:DesignHeight="480" Width="800"> <Grid x:Name="LayoutRoot" Background="Green"> <Button Height="38" HorizontalAlignment="Left" Margin="65,54,0,0" VerticalAlignment="Top" Width="177" Content="Second Page"/> <Button Height="38" HorizontalAlignment="Left" Margin="65,117,0,0" VerticalAlignment="Top" Width="177" Content="Origin Prj"/> </Grid> </UserControl>