手順1：Windows ストアアプリケーションの作成

全て展開

すべて折りたたむ

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

次の手順に従います。

Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
［新しいプロジェクト］ダイアログボックスで、左ペインの言語を展開し、言語の下で［Windows ストア］を選択し、テンプレートリストで［新しいアプリケーション (XAML)］を選択します。名前を入力し、［OK］をクリックしてプロジェクトを作成します。
ソリューションエクスプローラでプロジェクト名を右クリックし、［参照の追加］を選択します。
［参照マネージャ］ダイアログボックスで［ComponentOne Studio for UWP/WinRT XAML］を選択します。［OK］をクリックしてダイアログボックスを閉じ、参照を追加します。

MainPage.xaml.cs（または MainPage.xaml.vb）コードファイルを開き、ページの先頭に次の参照を追加します。

Visual Basic コードの書き方

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

C# コードの書き方

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

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

	コードのコピー
xmlns:C1="using:C1.Xaml"

これにより、C1.Xaml アセンブリへの参照がプロジェクトに追加されます。

<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>

コードのコピー

<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>

このマークアップは、スタイルリソースを追加します。

<Grid> タグと </Grid> タグの間に次のマークアップを追加します。

	コードのコピー
<Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition /> </Grid.RowDefinitions>

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

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