UWP - 从 TabView 类保存选项卡 源代码 - NavigationView 事件处理程序

如何解决UWP - 从 TabView 类保存选项卡 源代码 - NavigationView 事件处理程序

如何在 UWP 应用程序关闭时保存最终用户创建的数据（选项卡）以重新打开选项卡。

---

源代码 - NavigationView 事件处理程序

using Windows.UI.Xaml.Controls;

namespace Network
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>

    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();


        }

        private void NavigationView_OnSelectionChanged(NavigationView sender,NavigationViewSelectionChangedEventArgs args)
        {
            if (args.SelectedItemContainer.Tag.Equals("Users"))
            {
                Frame.Navigate(typeof(Interface));

            }

            if (args.SelectedItemContainer.Tag.Equals("Interception"))
            {
                Frame.Navigate(typeof(Network));
            }
        }


    }
}

解决方法

如何在 UWP 应用程序关闭时保存最终用户创建的数据（选项卡）以重新打开选项卡。

当然，您可以将 Tabs 数据保存为 json 字符串，然后在应用程序关闭期间存储在本地文件夹中。当您重新打开应用程序时，您可以将 json 字符串反序列化为选项卡的数据。

例如

public MainPage()
{
    this.InitializeComponent();

    App.Current.Suspending += Current_Suspending;
}
private ObservableCollection<TabData> Tabs;
private void Current_Suspending(object sender,Windows.ApplicationModel.SuspendingEventArgs e)
{
    if (Tabs.Count > 0)
    {
        var json = JsonConvert.SerializeObject(Tabs);
        ApplicationData.Current.LocalSettings.Values["TabsData"] = json;
    }

}
protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    var json = ApplicationData.Current.LocalSettings.Values["TabsData"] as string;
    if (json != null)
    {
        Tabs = JsonConvert.DeserializeObject<ObservableCollection<TabData>>(json);

    }
    else
    {
        Tabs = new ObservableCollection<TabData>();
        Tabs.Add(new TabData( "page1",Type.GetType( "App19.TestPage")));          
    }
}


private void TabView_Loaded(object sender,RoutedEventArgs e)
{
    (sender as TabView).TabItemsSource = Tabs;

}

private void TabView_AddButtonClick(TabView sender,object args)
{
    Tabs.Add(new TabData("newPage",typeof(TestPage)));
}

private void TabView_TabCloseRequested(TabView sender,TabViewTabCloseRequestedEventArgs args)
{
    Tabs.Remove(args.Item as TabData);

}

标签类

public class TabData
{
    public TabData(string header,Type frameType)
    {
        Header = header;
        FrameType = frameType;
    }
    public string Header { get; set; }
    public Type FrameType { get; set; }
}

Xaml

<muxc:TabView
    AddTabButtonClick="TabView_AddButtonClick"
    Loaded="TabView_Loaded"
    TabCloseRequested="TabView_TabCloseRequested">
    <muxc:TabView.TabItemTemplate>
        <DataTemplate>
            <muxc:TabViewItem Header="{Binding Header}" >
                <muxc:TabViewItem.IconSource>
                    <muxc:SymbolIconSource Symbol="Document"/>
                </muxc:TabViewItem.IconSource>
                <Frame SourcePageType="{Binding FrameType}" />
            </muxc:TabViewItem>
        </DataTemplate>
    </muxc:TabView.TabItemTemplate>
</muxc:TabView>