テンプレート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」という名前のUserControlは、このユーザーコントロールでは、そこにあるダウンロードし、あなたはこのようにその中に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> 

"E1.png"という名前の画像ソースをプロジェクトのAssetsフォルダに置きました。自分の画像で置き換えることができます。 WidthおよびHeightプロパティを設定することによって、Imageのサイズを変更することもできます。