如何获得所有视图都可以访问的共享进度控制控件

Question

我是一个试图学习UWP开发的Android开发人员，并尝试使用Prism库和Windows Template Studio来帮助我使用样机板功能。

我的目标是拥有一个可以通过所有视图访问的进度循环控件，以便每当我执行异步调用时，我都可以弹出progressCircle。为了保持干燥，我不想在每个视图中都有进度圈子。我该如何实现？

我理解的（由Windows Template Studio构建的（PRISM）具有shellPage视图，该视图包含其中所有其他视图，并且具有自己的ViewModel。这似乎与Android活动/碎片模型有些相似。我最初的想法是将ProgressCircle放置在ShellPage视图中，然后在需要时从我的孩子视图（Mainpage）调用它。但是，我尚未弄清楚如何从儿童/其他视图/视图模型调用其他视图viewModel方法。这是正确的方法吗？如果是这样，我该如何完成？

我的另一个想法是创建一个可以添加到ViewModel基类的进度应用程序服务，但我尚未了解应用程序服务。

Answer 1

好吧，所以我不确定当我使用代码诱人模式时，棱镜是否有什么不同（我对此一无所知，但是就我而言可以看出，没有什么不同）。无论如何，Windows Template Studio创建的外壳页面应该看起来与此相似：

<Page
    x:Class="MyProject.Views.ShellPage"
    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:i="using:Microsoft.Xaml.Interactivity"
    xmlns:behaviors="using:armada_vpn.Behaviors"
    xmlns:winui="using:Microsoft.UI.Xaml.Controls"
    xmlns:helpers="using:MyProject.Helpers"
    xmlns:views="using:MyProject.Views"
    Loaded="OnLoaded"
    mc:Ignorable="d" Background="Black">
    <winui:NavigationView
        x:Name="navigationView"
        IsBackButtonVisible="Visible"
        IsBackEnabled="{x:Bind IsBackEnabled, Mode=OneWay}"
        SelectedItem="{x:Bind Selected, Mode=OneWay}"
        ItemInvoked="OnItemInvoked"
        IsSettingsVisible="False"
        Background="White" RequestedTheme="Light"
        OpenPaneLength="200">
        <winui:NavigationView.MenuItems>
            <!--
            TODO WTS: Change the symbols for each item as appropriate for your app
            More on Segoe UI Symbol icons: https://learn.microsoft.com/windows/uwp/style/segoe-ui-symbol-font
            Or to use an IconElement instead of a Symbol see https://github.com/Microsoft/WindowsTemplateStudio/blob/master/docs/projectTypes/navigationpane.md
            Edit String/en-US/Resources.resw: Add a menu item title for each page
            -->
            <winui:NavigationViewItem x:Uid="Shell_Main" Icon="Home" helpers:NavHelper.NavigateTo="views:MainPage" />
        </winui:NavigationView.MenuItems>
        <i:Interaction.Behaviors>
            <behaviors:NavigationViewHeaderBehavior
                x:Name="navigationViewHeaderBehavior"
                DefaultHeader="{x:Bind ViewModel.Selected.Content, Mode=OneWay}">
                <behaviors:NavigationViewHeaderBehavior.DefaultHeaderTemplate>
                    <DataTemplate>
                        <Grid>
                            <TextBlock
                                Text="{Binding}"
                                Style="{ThemeResource TitleTextBlockStyle}"
                                Margin="{StaticResource SmallLeftRightMargin}" />
                        </Grid>
                    </DataTemplate>
                </behaviors:NavigationViewHeaderBehavior.DefaultHeaderTemplate>
            </behaviors:NavigationViewHeaderBehavior>
            <ic:EventTriggerBehavior EventName="ItemInvoked">
                <ic:InvokeCommandAction Command="{x:Bind ViewModel.ItemInvokedCommand}" />
            </ic:EventTriggerBehavior>
        </i:Interaction.Behaviors>
        <Grid> #This here is important for you
            <Frame x:Name="shellFrame"/>
        </Grid>
    </winui:NavigationView>
</Page>

页面XAML中指定的网格区域是您的不同视图将显示为ShellPage控制此帧中显示的内容。

无论如何，您想做的是在此框架顶部（具有透明的背景）添加您的进度环。为此，您可以为两个元素指定一个zindex（最高Zindex的元素将显示在顶部：

<Grid>
    <ProgressRing x:Name="ProgressRing" Canvas.ZIndex="2" Background="Transparent"/>
    <Frame x:Name="shellFrame" Canvas.ZIndex="1"/>
</Grid>

或者，您可以简单地将进度定义为这里的最后一个元素（如未指定任何zindex，渲染顺序是从上到下的）：

<Grid>
    <Frame x:Name="shellFrame"/>
    <ProgressRing x:Name="ProgressRing" Background="Transparent"/>
</Grid>

然后，可以在您的shellpage中访问您的名称，但您给出了进度的名称，但是从其他视图中访问它可能很棘手，因为您需要直接从它们直接访问ShellPage实例。您可以做的一件事是实施活动，以激活和停用从代码中任何地方提出的进度，并实现将在您的ShellPage类中订阅这些事件的处理程序。

希望它有帮助。