XFE Git
XFE Studio Git
Git 首页 全局搜索
XFE 主站 文档 NuGet

XFEEDToolBox

【WinUI】XFE精英危险工具箱

公开
关注 0 Fork 0 Star 0
UTF-8
<Page x:Class="XFEEDToolBox.Views.MarketPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:live="using:XFEEDToolBox.Core.Presentation">
    <Grid RowSpacing="14" Padding="0,8,8,8">
        <Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions>
        <Grid ColumnSpacing="18"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
            <StackPanel Spacing="3"><TextBlock Text="实时商品" Style="{StaticResource PageTitle}"/><TextBlock Text="行情快照与玩家库存,保留来源和采集时间。" Style="{StaticResource MutedText}"/></StackPanel>
            <Button Grid.Column="1" Command="{x:Bind ViewModel.RefreshCommand}" VerticalAlignment="Center" Padding="17,10" AutomationProperties.Name="刷新本地行情和库存" x:Name="RefreshMarketButton"><StackPanel Orientation="Horizontal" Spacing="8"><FontIcon Glyph="&#xE72C;" FontSize="15" Foreground="{StaticResource AccentBrush}"/><TextBlock Text="刷新"/></StackPanel></Button>
        </Grid>
        <Border Grid.Row="1" Style="{StaticResource CardStyle}" Padding="18,11">
            <Grid ColumnSpacing="18"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="*"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions>
                <StackPanel Spacing="3"><TextBlock Text="{x:Bind ViewModel.CoverageText,Mode=OneWay}" FontSize="19" FontWeight="SemiBold" x:Name="MarketCoverageValue"/><TextBlock Text="缓存覆盖" Style="{StaticResource TableHeader}" FontSize="10"/></StackPanel>
                <Border Grid.Column="1" BorderBrush="{StaticResource PanelStrokeBrush}" BorderThickness="1,0,0,0" Padding="18,0,0,0"><StackPanel Spacing="3"><TextBlock Text="{x:Bind ViewModel.QuoteCountText,Mode=OneWay}" FontSize="19" FontWeight="SemiBold" Foreground="{StaticResource TealBrush}" x:Name="MarketQuoteCountValue"/><TextBlock Text="商品报价" Style="{StaticResource TableHeader}" FontSize="10"/></StackPanel></Border>
                <Border Grid.Column="2" BorderBrush="{StaticResource PanelStrokeBrush}" BorderThickness="1,0,0,0" Padding="18,0,0,0"><StackPanel Spacing="3"><TextBlock Text="{x:Bind ViewModel.LatestText,Mode=OneWay}" FontSize="19" FontWeight="SemiBold" x:Name="MarketLatestValue"/><TextBlock Text="最新采集 · 本地时间" Style="{StaticResource TableHeader}" FontSize="10"/></StackPanel></Border>
            </Grid>
        </Border>
        <Pivot Grid.Row="2" SelectedIndex="{x:Bind ViewModel.MarketTabIndex,Mode=TwoWay}" x:Name="MarketWorkspaceTabs" Margin="-12,-10,-12,0">
            <PivotItem Header="商品市场">
                <Grid RowSpacing="12" Margin="0,0,0,0"><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions>
                    <StackPanel Spacing="6"><Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="172"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
                        <TextBox Text="{x:Bind ViewModel.MarketSearch,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" PlaceholderText="搜索商品、星系或空间站…" AutomationProperties.Name="市场搜索" x:Name="MarketSearchInput" VerticalAlignment="Center"/>
                        <ComboBox Grid.Column="1" SelectedIndex="{x:Bind ViewModel.MarketSortIndex,Mode=TwoWay}" HorizontalAlignment="Stretch" VerticalAlignment="Center" AutomationProperties.Name="行情排序" x:Name="MarketSortSelector"><ComboBoxItem Content="保持列表顺序"/><ComboBoxItem Content="采集时间 · 新到旧"/><ComboBoxItem Content="买价 · 高到低"/><ComboBoxItem Content="卖价 · 高到低"/><ComboBoxItem Content="供给 · 高到低"/><ComboBoxItem Content="需求 · 高到低"/></ComboBox>
                        <ToggleSwitch Grid.Column="2" Header="仅当前站点" IsOn="{x:Bind ViewModel.OnlyCurrentStation,Mode=TwoWay}" OnContent="当前站" OffContent="全部缓存" x:Name="MarketCurrentStationToggle" AutomationProperties.Name="仅当前站点" MinWidth="136"/>
                    </Grid><TextBlock Text="{x:Bind ViewModel.MarketQueryStatus,Mode=OneWay}" Visibility="{x:Bind ViewModel.MarketQueryStatusVisibility,Mode=OneWay}" FontSize="11" Foreground="{StaticResource AccentBrush}" TextWrapping="Wrap" x:Name="MarketQueryStatusText"/></StackPanel>
                    <Grid Grid.Row="1" ColumnSpacing="14"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="260"/></Grid.ColumnDefinitions>
                        <Border Style="{StaticResource CardStyle}" Padding="0" CornerRadius="9">
                            <Grid><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="*"/><RowDefinition Height="Auto"/></Grid.RowDefinitions>
                                <Border Background="{StaticResource PanelAltBrush}" Padding="14,10" CornerRadius="9,9,0,0">
                                    <Grid ColumnSpacing="10"><Grid.ColumnDefinitions><ColumnDefinition Width="2.6*"/><ColumnDefinition Width=".9*"/><ColumnDefinition Width=".9*"/><ColumnDefinition Width=".85*"/><ColumnDefinition Width=".85*"/></Grid.ColumnDefinitions><TextBlock Text="商品 / 站点" Style="{StaticResource TableHeader}" FontSize="10"/><TextBlock Grid.Column="1" Text="买入 Cr/t" Style="{StaticResource TableHeader}" FontSize="10" HorizontalAlignment="Right"/><TextBlock Grid.Column="2" Text="卖出 Cr/t" Style="{StaticResource TableHeader}" FontSize="10" HorizontalAlignment="Right"/><TextBlock Grid.Column="3" Text="供给 t" Style="{StaticResource TableHeader}" FontSize="10" HorizontalAlignment="Right"/><TextBlock Grid.Column="4" Text="需求 t" Style="{StaticResource TableHeader}" FontSize="10" HorizontalAlignment="Right"/></Grid>
                                </Border>
                                <ListView Grid.Row="1" ItemsSource="{x:Bind ViewModel.MarketRows,Mode=OneWay}" SelectedItem="{x:Bind ViewModel.SelectedMarketRow,Mode=TwoWay}" SelectionMode="Single" HorizontalContentAlignment="Stretch" Padding="0" x:Name="MarketQuoteList" AutomationProperties.Name="商品报价列表" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                                    <ListView.ItemContainerTransitions><TransitionCollection/></ListView.ItemContainerTransitions>
                                    <ListView.ItemContainerStyle><Style TargetType="ListViewItem"><Setter Property="Padding" Value="0"/><Setter Property="Margin" Value="0"/><Setter Property="HorizontalContentAlignment" Value="Stretch"/><Setter Property="MinHeight" Value="58"/><Setter Property="CornerRadius" Value="0"/></Style></ListView.ItemContainerStyle>
                                    <ListView.ItemTemplate><DataTemplate x:DataType="live:MarketLiveRow">
                                        <Grid Padding="14,8" ColumnSpacing="10" BorderBrush="{StaticResource PanelStrokeBrush}" BorderThickness="0,0,0,1" ToolTipService.ToolTip="{x:Bind Location,Mode=OneWay}">
                                            <Grid.ColumnDefinitions><ColumnDefinition Width="2.6*"/><ColumnDefinition Width=".9*"/><ColumnDefinition Width=".9*"/><ColumnDefinition Width=".85*"/><ColumnDefinition Width=".85*"/></Grid.ColumnDefinitions>
                                            <StackPanel Spacing="2"><TextBlock Text="{x:Bind Name,Mode=OneWay}" FontSize="13" FontWeight="SemiBold" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind Name,Mode=OneWay}"/><TextBlock Text="{x:Bind Location,Mode=OneWay}" FontSize="10" Foreground="{StaticResource MutedBrush}" TextTrimming="CharacterEllipsis"/><TextBlock Text="{x:Bind SourceAndTime,Mode=OneWay}" FontSize="10" Foreground="{StaticResource MutedBrush}"/></StackPanel>
                                            <TextBlock Grid.Column="1" Text="{x:Bind Buy,Mode=OneWay}" Foreground="{StaticResource AccentBrush}" FontSize="13" FontWeight="SemiBold" VerticalAlignment="Center" HorizontalAlignment="Right" Typography.NumeralAlignment="Tabular"/>
                                            <TextBlock Grid.Column="2" Text="{x:Bind Sell,Mode=OneWay}" Foreground="{StaticResource TealBrush}" FontSize="13" FontWeight="SemiBold" VerticalAlignment="Center" HorizontalAlignment="Right" Typography.NumeralAlignment="Tabular"/>
                                            <TextBlock Grid.Column="3" Text="{x:Bind Supply,Mode=OneWay}" FontSize="12" VerticalAlignment="Center" HorizontalAlignment="Right" Typography.NumeralAlignment="Tabular"/>
                                            <TextBlock Grid.Column="4" Text="{x:Bind Demand,Mode=OneWay}" FontSize="12" VerticalAlignment="Center" HorizontalAlignment="Right" Typography.NumeralAlignment="Tabular"/>
                                        </Grid>
                                    </DataTemplate></ListView.ItemTemplate>
                                </ListView>
                                <StackPanel Grid.Row="1" Visibility="{x:Bind ViewModel.MarketEmptyVisibility,Mode=OneWay}" VerticalAlignment="Center" HorizontalAlignment="Center" Spacing="8" Padding="24"><FontIcon Glyph="&#xE721;" FontSize="24" Foreground="{StaticResource MutedBrush}"/><TextBlock Text="没有可显示的报价" FontSize="16" HorizontalAlignment="Center"/><TextBlock Text="{x:Bind ViewModel.MarketEmptyMessage,Mode=OneWay}" Style="{StaticResource MutedText}" FontSize="11" TextAlignment="Center" MaxWidth="330"/></StackPanel>
                                <Border Grid.Row="2" BorderBrush="{StaticResource PanelStrokeBrush}" BorderThickness="0,1,0,0" Padding="12,10"><Grid ColumnSpacing="10"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions><StackPanel Spacing="3" VerticalAlignment="Center"><TextBlock Text="{x:Bind ViewModel.MarketPageText,Mode=OneWay}" FontSize="11" x:Name="MarketPaginationText"/><TextBlock Text="{x:Bind ViewModel.MarketScopeDescription,Mode=OneWay}" Foreground="{StaticResource MutedBrush}" FontSize="10" TextTrimming="CharacterEllipsis"/></StackPanel><StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="6" VerticalAlignment="Center"><Button Content="上一页" Command="{x:Bind ViewModel.PreviousMarketPageCommand}" IsEnabled="{x:Bind ViewModel.MarketCanPreviousPage,Mode=OneWay}" Padding="10,6" FontSize="11" x:Name="PreviousMarketPageButton"/><Button Content="下一页" Command="{x:Bind ViewModel.NextMarketPageCommand}" IsEnabled="{x:Bind ViewModel.MarketCanNextPage,Mode=OneWay}" Padding="10,6" FontSize="11" x:Name="NextMarketPageButton"/></StackPanel></Grid></Border>
                            </Grid>
                        </Border>
                        <Border Grid.Column="1" Style="{StaticResource CardStyle}" Padding="14" CornerRadius="9" x:Name="MarketQuoteDetailCard">
                            <Grid><StackPanel Visibility="{x:Bind ViewModel.MarketQuotePromptVisibility,Mode=OneWay}" VerticalAlignment="Center" Spacing="9"><FontIcon Glyph="&#xE8A5;" FontSize="28" Foreground="{StaticResource MutedBrush}"/><TextBlock Text="选择一条报价" HorizontalAlignment="Center" FontSize="16"/><TextBlock Text="查看完整商品、站点与来源时间。" Style="{StaticResource MutedText}" FontSize="11" TextAlignment="Center"/></StackPanel>
                            <ScrollViewer Visibility="{x:Bind ViewModel.MarketQuoteDetailVisibility,Mode=OneWay}" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled" x:Name="MarketQuoteDetailScroll"><StackPanel Spacing="13" Padding="0,0,4,0">
                                <TextBlock Text="报价详情" FontSize="16" FontWeight="SemiBold"/><Border Height="1" Background="{StaticResource PanelStrokeBrush}"/>
                                <StackPanel Spacing="4"><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.Name,Mode=OneWay}" FontSize="17" FontWeight="SemiBold" TextWrapping="Wrap" x:Name="MarketDetailCommodity"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.Category,Mode=OneWay}" FontSize="11" Foreground="{StaticResource MutedBrush}" TextWrapping="Wrap"/></StackPanel>
                                <Grid ColumnSpacing="8"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions>
                                    <Border Background="{StaticResource PanelAltBrush}" CornerRadius="7" Padding="10,9"><StackPanel Spacing="5"><TextBlock Text="买入" Foreground="{StaticResource AccentBrush}" FontSize="11"/><Viewbox Stretch="Uniform" MaxHeight="28" HorizontalAlignment="Stretch"><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.Buy,Mode=OneWay}" FontSize="23" FontWeight="SemiBold" Foreground="{StaticResource AccentBrush}" Typography.NumeralAlignment="Tabular"/></Viewbox><TextBlock Text="Cr/t" Foreground="{StaticResource MutedBrush}" FontSize="10"/></StackPanel></Border>
                                    <Border Grid.Column="1" Background="{StaticResource PanelAltBrush}" CornerRadius="7" Padding="10,9"><StackPanel Spacing="5"><TextBlock Text="卖出" Foreground="{StaticResource TealBrush}" FontSize="11"/><Viewbox Stretch="Uniform" MaxHeight="28" HorizontalAlignment="Stretch"><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.Sell,Mode=OneWay}" FontSize="23" FontWeight="SemiBold" Foreground="{StaticResource TealBrush}" Typography.NumeralAlignment="Tabular"/></Viewbox><TextBlock Text="Cr/t" Foreground="{StaticResource MutedBrush}" FontSize="10"/></StackPanel></Border>
                                </Grid>
                                <Grid ColumnSpacing="8"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition Width="*"/></Grid.ColumnDefinitions><StackPanel Spacing="5"><TextBlock Text="供给 / t" Style="{StaticResource TableHeader}" FontSize="10"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.Supply,Mode=OneWay}" FontSize="17" FontWeight="SemiBold" Typography.NumeralAlignment="Tabular"/></StackPanel><StackPanel Grid.Column="1" Spacing="5"><TextBlock Text="需求 / t" Style="{StaticResource TableHeader}" FontSize="10"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.Demand,Mode=OneWay}" FontSize="17" FontWeight="SemiBold" Typography.NumeralAlignment="Tabular"/></StackPanel></Grid>
                                <Border Height="1" Background="{StaticResource PanelStrokeBrush}"/>
                                <StackPanel Spacing="5"><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.StationName,Mode=OneWay}" FontSize="15" FontWeight="SemiBold" TextWrapping="Wrap"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.SystemName,Mode=OneWay}" FontSize="12" Foreground="{StaticResource MutedBrush}" TextWrapping="Wrap"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.StationAccess,Mode=OneWay}" FontSize="11" Foreground="{StaticResource MutedBrush}"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.ArrivalDistance,Mode=OneWay}" FontSize="11" Foreground="{StaticResource MutedBrush}"/></StackPanel>
                                <Border Height="1" Background="{StaticResource PanelStrokeBrush}"/>
                                <StackPanel Spacing="5"><TextBlock Text="来源" Style="{StaticResource TableHeader}" FontSize="10"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.Source,Mode=OneWay}" FontSize="12"/><TextBlock Text="采集时间 · 本地时间" Style="{StaticResource TableHeader}" FontSize="10" Margin="0,4,0,0"/><TextBlock Text="{x:Bind ViewModel.SelectedMarketRow.CollectedAtFull,Mode=OneWay}" FontSize="12" x:Name="MarketDetailSourceTime"/></StackPanel>
                                <TextBlock Text="缓存报价,实际成交以游戏市场为准。" Style="{StaticResource MutedText}" FontSize="10"/>
                            </StackPanel></ScrollViewer></Grid>
                        </Border>
                    </Grid>
                </Grid>
            </PivotItem>
            <PivotItem Header="玩家库存">
                <Grid RowSpacing="12"><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="Auto"/><RowDefinition Height="*"/><RowDefinition Height="Auto"/></Grid.RowDefinitions>
                    <Grid ColumnSpacing="12"><Grid.ColumnDefinitions><ColumnDefinition Width="160"/><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions><ComboBox SelectedIndex="{x:Bind ViewModel.InventoryTab,Mode=TwoWay}" HorizontalAlignment="Stretch" x:Name="InventoryKindSelector"><ComboBoxItem Content="舰船货舱"/><ComboBoxItem Content="工程材料"/><ComboBoxItem Content="舰船储物柜"/><ComboBoxItem Content="随身背包"/></ComboBox><TextBox Grid.Column="1" PlaceholderText="搜索库存物品…" Text="{x:Bind ViewModel.InventorySearch,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Center" AutomationProperties.Name="库存搜索" x:Name="InventorySearchInput"/><TextBlock Grid.Column="2" Text="{x:Bind ViewModel.CargoText,Mode=OneWay}" Foreground="{StaticResource AccentBrush}" VerticalAlignment="Center" FontWeight="SemiBold"/></Grid>
                    <TextBlock Grid.Row="1" Text="{x:Bind ViewModel.InventorySnapshotSource,Mode=OneWay}" Style="{StaticResource MutedText}" FontSize="11" x:Name="InventorySourceTime"/>
                    <Border Grid.Row="2" Style="{StaticResource CardStyle}" Padding="0" CornerRadius="9"><Grid><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions>
                        <Border Background="{StaticResource PanelAltBrush}" Padding="16,11" CornerRadius="9,9,0,0"><Grid ColumnSpacing="16"><Grid.ColumnDefinitions><ColumnDefinition Width="2.5*"/><ColumnDefinition Width="1.7*"/><ColumnDefinition Width=".8*"/><ColumnDefinition Width=".8*"/><ColumnDefinition Width="1.5*"/></Grid.ColumnDefinitions><TextBlock Text="物品 / 类别" Style="{StaticResource TableHeader}"/><TextBlock Grid.Column="1" Text="物品标识" Style="{StaticResource TableHeader}"/><TextBlock Grid.Column="2" Text="数量" Style="{StaticResource TableHeader}" HorizontalAlignment="Right"/><TextBlock Grid.Column="3" Text="赃物" Style="{StaticResource TableHeader}" HorizontalAlignment="Right"/><TextBlock Grid.Column="4" Text="任务 ID" Style="{StaticResource TableHeader}" HorizontalAlignment="Right"/></Grid></Border>
                        <ListView Grid.Row="1" ItemsSource="{x:Bind ViewModel.InventoryRows,Mode=OneWay}" SelectionMode="None" HorizontalContentAlignment="Stretch" Padding="0" x:Name="MarketInventoryList"><ListView.ItemContainerStyle><Style TargetType="ListViewItem"><Setter Property="Padding" Value="0"/><Setter Property="HorizontalContentAlignment" Value="Stretch"/></Style></ListView.ItemContainerStyle><ListView.ItemTemplate><DataTemplate x:DataType="live:InventoryLiveRow"><Grid Padding="16,12" ColumnSpacing="16" BorderBrush="{StaticResource PanelStrokeBrush}" BorderThickness="0,0,0,1"><Grid.ColumnDefinitions><ColumnDefinition Width="2.5*"/><ColumnDefinition Width="1.7*"/><ColumnDefinition Width=".8*"/><ColumnDefinition Width=".8*"/><ColumnDefinition Width="1.5*"/></Grid.ColumnDefinitions><StackPanel Spacing="4"><TextBlock Text="{x:Bind Name,Mode=OneWay}" FontWeight="SemiBold" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind Name,Mode=OneWay}"/><TextBlock Text="{x:Bind Group,Mode=OneWay}" FontSize="11" Foreground="{StaticResource MutedBrush}"/></StackPanel><TextBlock Grid.Column="1" Text="{x:Bind Key,Mode=OneWay}" Foreground="{StaticResource MutedBrush}" FontSize="11" VerticalAlignment="Center" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind Key,Mode=OneWay}"/><TextBlock Grid.Column="2" Text="{x:Bind Count,Mode=OneWay}" Foreground="{StaticResource TealBrush}" FontSize="17" FontWeight="SemiBold" VerticalAlignment="Center" HorizontalAlignment="Right" Typography.NumeralAlignment="Tabular"/><TextBlock Grid.Column="3" Text="{x:Bind Stolen,Mode=OneWay}" VerticalAlignment="Center" HorizontalAlignment="Right" Typography.NumeralAlignment="Tabular"/><TextBlock Grid.Column="4" Text="{x:Bind MissionId,Mode=OneWay}" VerticalAlignment="Center" HorizontalAlignment="Right" FontSize="11"/></Grid></DataTemplate></ListView.ItemTemplate></ListView>
                        <StackPanel Grid.Row="1" Visibility="{x:Bind ViewModel.InventoryEmptyVisibility,Mode=OneWay}" VerticalAlignment="Center" HorizontalAlignment="Center" Spacing="8"><TextBlock Text="没有匹配的库存记录" FontSize="16"/><TextBlock Text="进入游戏打开对应库存后会更新本机记录。" Style="{StaticResource MutedText}" FontSize="11"/></StackPanel>
                    </Grid></Border>
                    <TextBlock Grid.Row="3" Text="任务货物与赃物数量分别保留;此页只读取库存,不提交买卖。" Style="{StaticResource MutedText}" FontSize="11"/>
                </Grid>
            </PivotItem>
        </Pivot>
    </Grid>
</Page>