模板10：像MVA中的课程一样获得启动画面

Question

我刚刚在mva中完成了模板10的课程。现在我正在开发这个应用程序，并希望它具有这样的启动画面（当然可以更改徽标）。我应该在哪里开始编码（任何教程）？或者，如果有可用的示例代码。

截图：

Answer 1

我认为它使用扩展的闪屏。 UWP中的扩展启动屏幕与Windows 8.1应用程序中的相同。您可以从How to extend the splash screen (XAML)开始，本文档中有一个8.1示例，您也可以参考官方UWP Splash screen sample。

从你的图片中，有一个圆形ProgressBar，要创建这样的PrgressBar，有几种方法，例如，您可以参考[UWP] - Circular Progress Bar。

<强>更新：

这很容易，在评论中下载了你发布的项目，有一个名为“RoundProgressControl”的用户控件，在这个用户控件中，你可以像这样放入Image：

<Grid x:Name="TheGrid" Width="28" Height="28" Margin="0,0,0,0" Background="Transparent">
    <Path x:Name="ThePath" Fill="Transparent" Stroke="#ff999999" StrokeThickness="4" StrokeDashCap="Flat">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigureCollection>
                        <PathFigure StartPoint="12,24" x:Name="ThePathFigure">
                            <PathFigure.Segments>
                                <PathSegmentCollection>
                                    <ArcSegment x:Name="TheSegment" Size="12,12" IsLargeArc="False" SweepDirection="Clockwise" Point="12,24" />
                                </PathSegmentCollection>
                            </PathFigure.Segments>
                        </PathFigure>
                    </PathFigureCollection>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
    </Path>
    <Image Source="Assets/E1.png" Width="30" Height="30" VerticalAlignment="Center" HorizontalAlignment="Center" />
</Grid>

我在项目的Assets文件夹中放置了名为“E1.png”的图像源，您可以将其替换为您自己的图像。您还可以通过设置Image和Width属性来修改Height的大小。