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

Question

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

截图：

Answer 1

我认为它使用了扩展的启动画面。UWP 中的扩展初始屏幕与 Windows 8.1 应用程序中的相同。您可以从如何扩展启动画面（XAML）开始，本文档中有一个 8.1 示例，您也可以参考官方 UWP启动画面示例。

而从你的图片来看，有一个圆形ProgressBar，要创建这样一个PrgressBar，有几种方法，例如这里你可以参考[UWP] - 圆形进度条。

更新：

很简单，在评论中下载了你发布的项目，有一个名为“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通过设置WidthandHeight属性来修改 的大小。