UWP で ProgressRing

以前に UWP で ProgressBar で処理中を表現する記事を書きました。

しかし、モバイルOSの世界では一般的に Ring 表現ですし、Webサイトでも Ring 表現が多くなっています。

という感じに最近はやりの ProgressRing ですが実は UWP の標準コントロールにもあります。

■ XAML

<Page
    x:Class="App.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>
        <ProgressRing IsActive="True"
                      HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
    </Grid>
</Page>

■ 表示

■ 解説

これだけで ProgressRing を表示できました。

まさにそのままの名前の ProgressRing コントロールを置いて、IsActive プロパティに True を設定すれば OK です。IsActive プロパティが False の場合表示されません。デフォルトが False なので注意してください。