Windows Phone 系列- Simple MVVM Navigation 页面导航的实现
2012-04-01 17:05
423 查看
免责声明:文章为个人理解,源码皆为测试,本人不对其使用产生的后果负任何责任。
测试源码:http://files.cnblogs.com/sunjunlin/SimpleMvvm-WindowsPhoneNav.zip
step1 :建立uri映射,如下
在app.xaml加入
step 2,在代码中设置uri
在app.xaml.cs的CompleteInitializePhoneApplication方法中加入
step3,实现导航接口
step 4,定义导航名称:
step 5 传送导航器:
step 6:添加导航属性到view model
step 7:
step 8:在view设置导航命令
step 9:在view model创建导航命令
step 10:添加导航方法,导航到指定的页面。
完。
总结:通过对 simple mvvm的使用,以下几点
1.需要用到URImapper,
2.导航可以实现不同的接口,灵活
3.导航在使用时,可以在直接创建navigator
如:
public void InitNavigator()
{
INavigator navigator = new Navigator();
this.Navigator = navigator;
}
4.导航如果有参数,则需要在各个view model中切换,这时可以发送消息。(这一点,如果有更好的方法请留言告诉我,谢谢)。
测试源码:http://files.cnblogs.com/sunjunlin/SimpleMvvm-WindowsPhoneNav.zip
step1 :建立uri映射,如下
在app.xaml加入
<Application.Resources> <Locators:WindowsPhoneViewModelLocator x:Key="Locator" /> <!-- STEP: Create UriMapper --> <navigation:UriMapper x:Key="UriMapper"> <navigation:UriMapper.UriMappings> <navigation:UriMapping Uri="" MappedUri="/MainPage.xaml"/> <navigation:UriMapping Uri="/{pageName}" MappedUri="/Views/{pageName}.xaml"/> </navigation:UriMapper.UriMappings> </navigation:UriMapper> </Application.Resources>
step 2,在代码中设置uri
在app.xaml.cs的CompleteInitializePhoneApplication方法中加入
// STEP1: Set frame's UriMapper var frame = (PhoneApplicationFrame)Current.RootVisual; frame.UriMapper = (UriMapper)Current.Resources["UriMapper"];
step3,实现导航接口
// STEP 3: Create a MockNavigator that Implements System.Windows.Controls.INavigate public class MockNavigator : INavigator { public void NavigateTo(string pageName) { Debug.WriteLine("Navigating to " + pageName); } }
step 4,定义导航名称:
// STEP 4: set page name public class PageNames { public const string Customer = "CustomerView"; public const string Page2 = "Page2"; }
step 5 传送导航器:
public CustomerViewModel CustomerViewModel { get { // Specify service agent ICustomerServiceAgent serviceAgent = new MockCustomerServiceAgent(); //STEP 5: Create navigator INavigator navigator = CreateNavigator(); // Create ViewModel passing service agent return new CustomerViewModel(serviceAgent, navigator); }
step 6:添加导航属性到view model
// STEP 6: Add an INavigate property to CustomerViewModel public INavigator Navigator { get; set; }
step 7:
// STEP 7: Ctor that accepts ICustomerServiceAgent and INavigator public CustomerViewModel(ICustomerServiceAgent serviceAgent, INavigator navigator) { this.serviceAgent = serviceAgent; this.Navigator = navigator; }
step 8:在view设置导航命令
<!-- STEP 8: Use EventToCommand to bind Click event to view-model NavigateToPage2 command --> <i:Interaction.Triggers> <i:EventTrigger EventName="Click"> <mvvm:EventToCommand Command="{Binding NavigateToPage2Command}"/> </i:EventTrigger> </i:Interaction.Triggers>
step 9:在view model创建导航命令
// STEP 9: Create NavigateToPage2Command private DelegateCommand navigateToPage2Command; public DelegateCommand NavigateToPage2Command { get { return navigateToPage2Command ?? (navigateToPage2Command = new DelegateCommand(NavigateToPage2)); } private set { navigateToPage2Command = value; } }
step 10:添加导航方法,导航到指定的页面。
// STEP 10: Add a Navigate method accepting a page name public void Navigate(string pageName) { Debug.Assert(Navigator != null, "INavigator not set"); Navigator.NavigateTo(pageName); }
完。
总结:通过对 simple mvvm的使用,以下几点
1.需要用到URImapper,
2.导航可以实现不同的接口,灵活
3.导航在使用时,可以在直接创建navigator
如:
public void InitNavigator()
{
INavigator navigator = new Navigator();
this.Navigator = navigator;
}
4.导航如果有参数,则需要在各个view model中切换,这时可以发送消息。(这一点,如果有更好的方法请留言告诉我,谢谢)。
相关文章推荐
- Windows Phone 系列- Simple MVVM Navigation 页面导航的实现
- Windows Phone 系列- 如何在 Windows Phone 中执行页面导航
- Win10 UWP 开发系列:使用SplitView实现汉堡菜单及页面内导航
- ios 实现导航控制器带动画的推送页面
- Win10系列:JavaScript页面导航
- Windows Phone 8: NavigationInTransition实现页面切换效果
- html静态实现左边导航右边显示链接页面
- 微内核流程引擎(IVR导航)的设计与实现 系列
- 实现页面的自动导航
- Windows Phone在导航中移除页面进行跳转
- windows phone 页面导航(6)
- Spring MVC代码实例系列-04:通过自定义视图(继承InternalResourceView),实现既能解析Jsp页面又能解析Html页面的目的
- Windows Phone 8.1基础教程(1) 页面导航、弹出框
- jQuery+css实现百度百科的页面导航效果
- C#仿QQ皮肤-实现原理系列文章导航
- MVVMLight Toolkit在Windows Phone中的使用扩展之一:在ViewModel中实现导航,并传递参数
- Coding4Fun控件系列:在导航出页面后再导航回来的时候如何保持MessagePrompt的状态
- 在html页面中插入jsp代码实现页面导航
- ActionBar+fragment实现页面导航
- windows phone 页面导航(6)[转]