Prism導航

【君莫笑】發表於2024-09-29

註冊導航頁面

註冊區域

使用p:RegionManager.RegionName註冊頁面區域

<Window x:Class="WpfApp1.NavigationWindow"
        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:local="clr-namespace:WpfApp1"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:p="http://prismlibrary.com/"
        Title="NavigationWindow"
        Width="800"
        Height="450"
        mc:Ignorable="d">
    <DockPanel>
        <Grid Width="220" DockPanel.Dock="Left">
            <StackPanel>
                <Button Margin="0,3"
                        Command="{Binding OpenViewCommand}"
                        CommandParameter="ViewA"
                        Content="View A" />
                <Button Margin="0,3"
                        Command="{Binding OpenViewCommand}"
                        CommandParameter="ViewB"
                        Content="View B" />
                <Button Margin="0,3" Content="View C" />
            </StackPanel>
        </Grid>
        <Grid>
            <!--<ContentControl p:RegionManager.RegionName="ViewRegion"/>-->
            <TabControl p:RegionManager.RegionName="ViewRegion">
                <TabControl.ItemContainerStyle>
                    <Style TargetType="TabItem">
                        <!--  TabItem的繫結資料來源是頁面物件  -->
                        <!--  TabItem的DataContext=View物件  -->
                        <!--  View物件的DataContext=對應的ViewModel  -->
                        <Setter Property="Header" Value="{Binding DataContext.Title}" />
                    </Style>
                </TabControl.ItemContainerStyle>
            </TabControl>
        </Grid>
    </DockPanel>
</Window>

public class NavigationWindowVewModel
    {
        public ICommand OpenViewCommand { get; set; }

        // 區域管理，需要拿到RegionManager
        IRegionManager _regionManager;
        public NavigationWindowVewModel(IRegionManager regionManager)
        {
            _regionManager = regionManager;

            OpenViewCommand = new DelegateCommand<string>(DoOpenView);
        }

        private void DoOpenView(string viewName)
        {
            _regionManager.RegisterViewWithRegion("ViewRegion", viewName);
        }
    }

 public class Startup : PrismBootstrapper
    {
        protected override DependencyObject CreateShell()
        {
            return Container.Resolve<NavigationWindow>();
            //return Container.Resolve<MainWindow>();
        }

        protected override void RegisterTypes(IContainerRegistry containerRegistry)
        {
            containerRegistry.RegisterForNavigation<ViewA>();
            containerRegistry.RegisterForNavigation<ViewB>();
        }
        protected override void ConfigureViewModelLocator()
        {
            base.ConfigureViewModelLocator();
 
            ViewModelLocationProvider.Register(typeof(NavigationWindow).ToString(), typeof(NavigationWindowVewModel));

        }
       
    }

<UserControl x:Class="WpfApp1.Views.ViewA"
             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:local="clr-namespace:WpfApp1.Views"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             d:DesignHeight="450"
             d:DesignWidth="800"
             mc:Ignorable="d">
    <StackPanel>
        <TextBox FontSize="20" Foreground="Orange" Text="View A" />
        <TextBlock FontSize="20" Foreground="Red" Text="{Binding Title}" />
        <Button Command="{Binding CloseTabCommand}" Content="Close" />
    </StackPanel>
</UserControl>

<UserControl x:Class="WpfApp1.Views.ViewB"
             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:local="clr-namespace:WpfApp1.Views"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             d:DesignHeight="450"
             d:DesignWidth="800"
             mc:Ignorable="d">
    <Grid>
        <TextBlock FontSize="20" Foreground="Green" Text="View B" />
    </Grid>
</UserControl>

 public class ViewAViewModel 
    {
        public string Title { get; set; } = "View A";
        public ICommand CloseTabCommand { get; set; }

        IRegionManager _regionManager;
        public ViewAViewModel(IRegionManager regionManager)
        {
            _regionManager = regionManager;
            CloseTabCommand = new DelegateCommand(DoCloseTab);
        }
        private void DoCloseTab()
        {

        }
   
    }

 public class ViewBViewModel 
    {
        public string Title { get; set; } = "View B";
        public ICommand CloseTabCommand { get; set; }

        IRegionManager _regionManager;
        public ViewBViewModel(IRegionManager regionManager)
        {
            _regionManager = regionManager;
            CloseTabCommand = new DelegateCommand(DoCloseTab);
        }
        private void DoCloseTab()
        {

        }
}

導航頁面傳參——INavigationAware介面

 public class ViewAViewModel : INavigationAware
    {
        public string Title { get; set; } = "View A";
        public ICommand CloseTabCommand { get; set; }

        IRegionManager _regionManager;
        public ViewAViewModel(IRegionManager regionManager)
        {
            _regionManager = regionManager;
            CloseTabCommand = new DelegateCommand(DoCloseTab);
        }
        private void DoCloseTab()
        {

        }
        #region INavigationAware介面方法
        public bool IsNavigationTarget(NavigationContext navigationContext)
        {
            // 是否允許重複導航進來
            // 主-》A-》B-》A (顯示前物件)  返回True
            // 主-》A-》B-》A（新物件）     返回false
            return true;

            // 編輯頁面，透過主頁的子項點選，開啟這個頁面，
            // 子項有很多，可能同時開啟多個子項進行編輯
        }
        public void OnNavigatedFrom(NavigationContext navigationContext)
        {
            // 從當前View導航出去的時候觸發
            // 從某個頁面跳轉到另一個頁面的時候，可以把這個資訊帶過去
            navigationContext.Parameters.Add("abcd", "Hello ViewA");
        }
        public void OnNavigatedTo(NavigationContext navigationContext)
        {
            // 開啟當前View的時候觸發
            string arg = navigationContext.Parameters.GetValue<string>("abcd");
        }
        #endregion
    }

 public class NavigationWindowVewModel
    {
        public ICommand OpenViewCommand { get; set; }

        // 區域管理，需要拿到RegionManager
        IRegionManager _regionManager;
        public NavigationWindowVewModel(IRegionManager regionManager)
        {
            _regionManager = regionManager;

            OpenViewCommand = new DelegateCommand<string>(DoOpenView);
        }

        private void DoOpenView(string viewName)
        {
            //_regionManager.RegisterViewWithRegion("ViewRegion", viewName);
            // 向某個View中傳遞特定引數，引數對接到View的ViewModel裡
            if (viewName == "ViewA")
            {
                NavigationParameters parameters = new NavigationParameters();
                parameters.Add("abcd", "Hello");
                _regionManager.RequestNavigate("ViewRegion", viewName, parameters);
            }
            else if (viewName == "ViewB")
                _regionManager.RequestNavigate("ViewRegion", viewName);
        }
    }

自動銷燬——IRegionMemberLifetime介面

頁面的ViewModel繼承IRegionMemberLifetime介面

介面中的KeepAlive引數預設為true：非啟用狀態，在Region中保留

public class ViewAViewModel : INavigationAware , IRegionMemberLifetime
    {
        public string Title { get; set; } = "View A";
        public ICommand CloseTabCommand { get; set; }

        IRegionManager _regionManager;
        public ViewAViewModel(IRegionManager regionManager)
        {
            _regionManager = regionManager;
            CloseTabCommand = new DelegateCommand(DoCloseTab);
        }
        public bool KeepAlive => false;
        private void DoCloseTab()
        {

        }
        #region INavigationAware介面方法
        public bool IsNavigationTarget(NavigationContext navigationContext)
        {
            // 是否允許重複導航進來
            // 主-》A-》B-》A (顯示前物件)  返回True
            // 主-》A-》B-》A（新物件）     返回false
            return true;

            // 編輯頁面，透過主頁的子項點選，開啟這個頁面，
            // 子項有很多，可能同時開啟多個子項進行編輯
        }
        public void OnNavigatedFrom(NavigationContext navigationContext)
        {
            // 從當前View導航出去的時候觸發
            // 從某個頁面跳轉到另一個頁面的時候，可以把這個資訊帶過去
            navigationContext.Parameters.Add("abcd", "Hello ViewA");
        }
        public void OnNavigatedTo(NavigationContext navigationContext)
        {
            // 開啟當前View的時候觸發
            string arg = navigationContext.Parameters.GetValue<string>("abcd");
        }
        #endregion
    }

頁面離開前的事件——IConfirmNavigationRequest介面

頁面ViewModel實現IConfirmNavigationRequest介面

public class ViewAViewModel : INavigationAware，IRegionMemberLifetime，IConfirmNavigationRequest
    {
        public string Title { get; set; } = "View A";
        public ICommand CloseTabCommand { get; set; }

        IRegionManager _regionManager;
        public ViewAViewModel(IRegionManager regionManager)
        {
            _regionManager = regionManager;
            CloseTabCommand = new DelegateCommand(DoCloseTab);
        }
        private void DoCloseTab()
        {

        }
        
        #region IRegionMemberLifetime介面方法
        // 用來控制當前頁面非啟用狀態，是否在Region中保留
        public bool KeepAlive => true;

        #endregion

        #region INavigationAware介面方法
        
        #region INavigationAware介面方法
        public bool IsNavigationTarget(NavigationContext navigationContext)
        {
            // 是否允許重複導航進來
            // 主-》A-》B-》A (顯示前物件)  返回True
            // 主-》A-》B-》A（新物件）     返回false
            return true;

            // 編輯頁面，透過主頁的子項點選，開啟這個頁面，
            // 子項有很多，可能同時開啟多個子項進行編輯
        }
        public void OnNavigatedFrom(NavigationContext navigationContext)
        {
            // 從當前View導航出去的時候觸發
            // 從某個頁面跳轉到另一個頁面的時候，可以把這個資訊帶過去
            navigationContext.Parameters.Add("abcd", "Hello ViewA");
        }
        public void OnNavigatedTo(NavigationContext navigationContext)
        {
            // 開啟當前View的時候觸發
            string arg = navigationContext.Parameters.GetValue<string>("abcd");
        }
        #endregion
        
        #region IConfirmNavigationRequest介面方法
        // 當從當前頁面跳轉到另一個頁面時觸發
        // OnNavigatedFrom呼叫前執行
        public void ConfirmNavigationRequest(NavigationContext navigationContext, Action<bool> continuationCallback)
        {
            // 開啟某個頁面，
            if (MessageBox.Show("是否離開當前頁面？", "導航提示", MessageBoxButton.YesNo) ==
                MessageBoxResult.Yes)
            {
                /// 繼續開啟
                /// 
                continuationCallback?.Invoke(true);
            }
            else
                // 不被導航
                continuationCallback?.Invoke(false);
        }
        #endregion
    }

導航日誌

編寫測試程式

public class Startup : PrismBootstrapper
{
    protected override DependencyObject CreateShell()
    {
        return Container.Resolve<PrismRegion.Journal.Views.MainView>();
    }

    protected override void RegisterTypes(IContainerRegistry containerRegistry)
    {
        containerRegistry.RegisterForNavigation<PrismRegion.Journal.Views.ViewA>();
        containerRegistry.RegisterForNavigation<PrismRegion.Journal.Views.ViewB>();
        containerRegistry.RegisterForNavigation<PrismRegion.Journal.Views.ViewC>();
    }
}

public partial class App : Application
{
    public App()
    {
        new Startup().Run();
    }
}

<Window x:Class="Zhaoxi.PrismRegion.Journal.Views.MainView"
        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"
        xmlns:local="clr-namespace:Zhaoxi.PrismRegion.Journal.Views"
        xmlns:p="http://prismlibrary.com/"
        mc:Ignorable="d"
        Title="MainView" Height="450" Width="800">
    <Grid>
        <Button Content="Load Views" Command="{Binding BtnLoadCommand}" 
                VerticalAlignment="Top"/>
        <ContentControl p:RegionManager.RegionName="MainRegion" Margin="0,30,0,0"/>
    </Grid>
</Window>

public class MainViewModel
{
    public DelegateCommand BtnLoadCommand { get; set; }
    public MainViewModel(IRegionManager regionManager)
    {
        BtnLoadCommand = new DelegateCommand(() =>
        {
            regionManager.RequestNavigate("MainRegion", "ViewA");
        });
    }
}

<UserControl x:Class="Zhaoxi.PrismRegion.Journal.Views.ViewA"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Zhaoxi.PrismRegion.Journal.Views"
             mc:Ignorable="d" FontSize="20"
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <StackPanel>
            <TextBlock Text="View A" Foreground="Orange" />
            <Button Content="向後" Command="{Binding GoBackCommand}"/>
            <Button Content="向前" Command="{Binding ForwordCommand}"/>
        </StackPanel>
    </Grid>
</UserControl>

頁面的ViewModel繼承INavigationAware介面

在OnNavigatedTo方法中取出navigationContext.NavigationService.Journal

journal.GoBack()提供導航回退

public class ViewAViewModel : INavigationAware
{
    public DelegateCommand GoBackCommand { get; set; }
    public DelegateCommand ForwordCommand { get; set; }

    IRegionNavigationJournal journal;
    public ViewAViewModel(IRegionManager regionManager)
    {
        GoBackCommand = new DelegateCommand(() =>
        {
            if (journal.CanGoBack)
            {
                journal.GoBack();
            }
        });
        ForwordCommand = new DelegateCommand(() =>
        {
            if (journal.CanGoForward)
            {
                journal.GoForward();
            }
            else
            {
                regionManager.RequestNavigate("MainRegion", "ViewB");
            }
        });
    }

    public void OnNavigatedTo(NavigationContext navigationContext)
    {
        journal = navigationContext.NavigationService.Journal;
    }

    public bool IsNavigationTarget(NavigationContext navigationContext)
    {
        return true;
    }

    public void OnNavigatedFrom(NavigationContext navigationContext)
    {

    }
}

參照ViewA寫ViewB和ViewC

修改對應ViewModel的GoBackCommand與ForwordCommand

public ViewBViewModel(IRegionManager regionManager)
{
    GoBackCommand = new DelegateCommand(() =>
    {
        if (journal.CanGoBack)
        {
            journal.GoBack();
        }
    });
    ForwordCommand = new DelegateCommand(() =>
    {
        if (journal.CanGoForward)
        {
            journal.GoForward();
        }
        else
        {
            regionManager.RequestNavigate("MainRegion", "ViewC");
        }
    });
}

public ViewCViewModel(IRegionManager regionManager)
{
    GoBackCommand = new DelegateCommand(() =>
    {
        if (journal.CanGoBack)
        {
            journal.GoBack();
        }
    });
    ForwordCommand = new DelegateCommand(() =>
    {
        if (journal.CanGoForward)
        {
            journal.GoForward();
        }
    });
}

執行後實現導航的前進後退

取消導航——IJournalAware

在ViewB的ViewModel中繼承IJournalAware介面，並在實現方法中返回false。

public class ViewBViewModel : INavigationAware, IJournalAware
{
    public DelegateCommand GoBackCommand { get; set; }
    public DelegateCommand ForwordCommand { get; set; }

    IRegionNavigationJournal journal;
    public ViewBViewModel(IRegionManager regionManager)
    {
        GoBackCommand = new DelegateCommand(() =>
        {
            if (journal.CanGoBack)
            {
                journal.GoBack();
            }
        });
        ForwordCommand = new DelegateCommand(() =>
        {
            if (journal.CanGoForward)
            {
                journal.GoForward();
            }
            else
            {
                regionManager.RequestNavigate("MainRegion", "ViewC");
            }
        });
    }




    public void OnNavigatedTo(NavigationContext navigationContext)
    {
        journal = navigationContext.NavigationService.Journal;
    }

    public bool IsNavigationTarget(NavigationContext navigationContext)
    {
        return true;
    }

    public void OnNavigatedFrom(NavigationContext navigationContext)
    {

    }

    // IJournalAware的方法實現 
    public bool PersistInHistory()
    {
        return false;
    }
}

執行後，導航會取消ViewB的導航

來源:https://www.cnblogs.com/ZHIZRL/p/17883434.html

.NET 6.0 + WPF 使用 Prism 框架實現導航
2024-09-11
框架
.NET Core 3 WPF MVVM框架 Prism系列之導航系統
2020-04-16
MVVM框架
flutter 自定義tab導航-頂部導航-底部導航
2018-11-16
Flutter
DukuanCMS_網址導航,導航網站,網址導航原始碼
2019-05-11
網站原始碼
導航特效
2020-04-05
特效
jquery導航
2013-01-10
jQuery
實現左側導航和橫向導航
2014-04-10
微服務導航
2021-05-25
微服務
Nas導航頁
2024-08-11
分類導航
2024-09-26
如眸導航-真正屬於你的導航網站
2017-09-28
網站
智慧醫院導航導診系統，院內導航方案怎麼樣？
2023-05-05
521個性導航網（最安全、自由的導航網站）
2019-05-11
網站
地圖導航開啟藍芽後無導航語音
2016-10-07
地圖藍芽
Flutter路由和導航
2020-07-06
Flutter路由
Flutter 導航設定
2019-01-25
Flutter
Flutter 的路由導航
2021-04-01
Flutter路由
html_導航框架
2017-05-24
HTML框架
WordPresscategory導航欄
2017-11-12
Go
Vue — 導航守衛
2024-03-14
Vue
ROS機器人導航一 : 從英雄聯盟到ROS導航
2022-01-02
ROS機器人
導航選單（動畫）--- jQuery
2020-08-08
動畫jQuery
導航網頁Tips
2019-04-10
網頁
個性導航網站
2019-05-11
網站
GitHub 導航欄加強
2019-05-06
Github
【導航】Python相關
2018-12-04
Python
HTML橫向導航欄
2018-10-10
HTML
CSS垂直導航選單
2018-12-31
CSS
Flutter 底部導航詳解
2018-12-20
Flutter
Flutter 導航欄AppBar
2020-09-03
FlutterAPP
Python部落格導航
2023-01-24
Python
Bootstrap3系列：導航
2016-09-06
boot
小程式自動導航
2018-06-28
5.10導航系統
2017-05-10
Tablayout實現導航欄
2017-11-24
TabLayout
iOS 導航欄的控制
2017-12-13
iOS
bootstrap麵包屑導航
2015-05-13
boot
FLASH場景式導航
2011-01-21