この手順では、Visual Studioでアプリケーションを作成し、StackPanel パネルを追加してコントロールのレイアウトをカスタマイズします。

プロジェクトを設定するには、次の手順に従います。

1. Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
2. ［新しいプロジェクト］ダイアログボックスで、左ペインの言語を展開し、言語の下で［Windows ストア］を選択し、テンプレートリストで［新しいアプリケーション (XAML)］を選択します。プロジェクトの名前を入力し、［OK］をクリックしてプロジェクトを作成します。
   MainPage.xaml ページが表示され、<Grid> タグと </Grid> タグの間にカーソルが置かれます。
3. ツールボックスに移動し、［StackPanel］アイコンをダブルクリックして、MainPage.xaml にパネルを追加します。
4. x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" を <StackPanel> タグに追加します。次のようになります。

   マークアップ	コードのコピー
   <StackPanel x:Name="sp1" Width="Auto" Height="Auto" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>

   これで、パネル内の要素は、中央で縦方向に配置されて表示されます。
5. プロジェクトの XAML ウィンドウで、カーソルを <StackPanel> タグと </StackPanel> タグの間に置きます。
6. ツールボックスに移動し、［StackPanel］アイコンをダブルクリックして、既存の StackPanel にパネルを追加します。
7. x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"を <StackPanel> タグに追加します。次のようになります。

   マークアップ	コードのコピー
   <StackPanel x:Name="sp2" Width="Auto" Height="Auto" Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"></StackPanel>

   これで、パネル内の要素は、中央で横方向に配置されて表示されます。

これで、新しい UWP スタイルのプロジェクトが作成され、アプリケーションが正しく設定されました。次の手順では、いくつかの Gauges for UWP コントロールをアプリケーションに追加し、これらのコントロールをカスタマイズします。