模板 10:Get 像 MVA 中的课程一样的启动画面

Question

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

截图：

Answer 1

我认为它使用了扩展启动画面。 UWP 中的扩展启动画面与 Windows 8.1 应用程序中的相同。您可以从 How to extend the splash screen (XAML), there is a 8.1 sample in this document, and you can also refer to the official 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"的图片源，大家可以换成自己的图片。您还可以通过设置 Width 和 Height 属性.

来修改 Image 的大小

模板 10:Get 像 MVA 中的课程一样的启动画面

Template 10:Get the splash screen like the course in MVA

xaml

win-universal-app

uwp

template10