模板10:像MVA中的课程一样获得启动屏幕

问题描述：

我刚刚完成了有关MVA模板10的课程.现在，我正在开发此应用程序，希望它具有这样的启动屏幕(当然可以更改徽标).我应该从哪里开始编写代码(任何教程)?或者，如果有示例代码.

I just completed the course on template 10 in mva. Now I am working on this app and would like it to have the splash screen like this(of course the logo can be changed). Where should I get started to code(any tutorial)? Or if there's a sample code available.

屏幕截图:

答

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

I think it uses an extended splash screen. The extended splash screen in UWP is the same as it in a Windows 8.1 app. You can start with 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，有几种方法，例如，在这里您可以引用

And from your picture, there is a circular ProgressBar, to create such a PrgressBar, there are several methods, for example here you can refer to [UWP] - Circular Progress Bar.

更新:

这很容易，在评论中下载了您发布的项目，有一个名为"RoundProgressControl"的用户控件，在此用户控件中，您可以像这样放置Image:

It's quite easy, downloaded your posted project in the comment, there is a usercontrol named "RoundProgressControl", in this usercontrol, you can put a Image inside it like this:

<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的大小.

I put a image source named "E1.png" in the Assets folder of the project, you can replace it with your own image. You can also modify the size of the Image by setting the Width and Height property.

模板10:像MVA中的课程一样获得启动屏幕

相关推荐