この手順では、>C1Menu コントロールと >C1ContextMenu コントロールを使用して、Windows ストアアプリケーションを作成します。

次の手順に従います。

1. Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
2. ［新しいプロジェクト］ダイアログボックスで、左ペインの言語を展開し、言語の下で［Windows ストア］を選択し、テンプレートリストで［新しいアプリケーション (XAML)］を選択します。名前を入力し、［OK］をクリックしてプロジェクトを作成します。
3. ソリューションエクスプローラでプロジェクト名を右クリックし、［参照の追加］を選択します。
4. ［参照マネージャ］ダイアログボックスで［ComponentOne for UWP］を選択します。［OK］をクリックしてダイアログボックスを閉じ、参照を追加します。
5. MainPage.xaml.cs（または MainPage.xaml.vb）コードファイルを開き、ページの先頭に次の参照を追加します。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Imports C1.Xaml

   C# コードの書き方

   C#	コードのコピー
   using C1.Xaml;

6. MainPage.xaml を開き、<Page> タグ内に次のマークアップを追加します。

   マークアップ	コードのコピー
   xmlns:C1="using:C1.Xaml"

   これにより、C1.Xaml アセンブリへの参照がプロジェクトに追加されます。
7. <Page> タグと </Page> タグの間に次のマークアップを追加します。

   マークアップ

   コードのコピー

   <Page.Resources>         <Style TargetType="Image" x:Key="MenuIcon">             <Setter Property="Width" Value="16"/>             <Setter Property="Height" Value="16"/>             <Setter Property="Margin" Value="5 0 0 0"/>         </Style>         <Style TargetType="TextBlock" x:Key="TextIconStyle">             <Setter Property="FontSize" Value="20" />             <Setter Property="FontFamily" Value="Segoe UI Symbol" />             <Setter Property="FontWeight" Value="Normal" />             <Setter Property="Foreground" Value="{StaticResource AppBarItemForegroundThemeBrush}" />             <Setter Property="HorizontalAlignment" Value="Center" />             <Setter Property="VerticalAlignment" Value="Center" />             <Setter Property="Margin" Value="5,-1,0,0"/>         </Style>         <Style TargetType="C1:C1MenuItem">             <Setter Property="ItemContainerTransitions">                 <Setter.Value>                     <TransitionCollection>                         <RepositionThemeTransition/>                         <EntranceThemeTransition/>                     </TransitionCollection>                 </Setter.Value>             </Setter>             <Setter Property="ItemContainerTransitions">                 <Setter.Value>                     <TransitionCollection>                         <RepositionThemeTransition/>                         <EntranceThemeTransition/>                     </TransitionCollection>                 </Setter.Value>             </Setter>         </Style>     </Page.Resources>

   このマークアップは、スタイルリソースを追加します。
8. <Grid> タグと </Grid> タグの間に次のマークアップを追加します。

   マークアップ	コードのコピー
   <Grid.RowDefinitions>             <RowDefinition Height="Auto" />             <RowDefinition />         </Grid.RowDefinitions>

   このマークアップは、行定義をグリッドに追加します。

これで、Menu for UWP クイックスタートの最初の手順は終了です。この手順では、Windows ストアプロジェクトを作成しました。次の手順では、コントロールにタブとタブページを追加します。