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

次の手順に従います。

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

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

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

   コードのコピー

   <Page.Resources>     <Style TargetType="TextBlock" x:Key="TextIconStyle">       <Setter Property="Margin" Value="-10" />       <Setter Property="FontSize" Value="20" />       <Setter Property="FontFamily" Value="Segoe UI Symbol" />       <Setter Property="FontWeight" Value="Normal" />       <Setter Property="Foreground" Value="#333333" />       <Setter Property="HorizontalAlignment" Value="Center" />       <Setter Property="VerticalAlignment" Value="Center" />     </Style>     </Page.Resources>

   このマークアップは、メニュー項目コンテンツのレイアウトを定義するスタイルリソースを追加します。次の手順では、C1RadialMenu にこれらのメニュー項目を追加します。各メニュー項目には、画像と TextBlock ラベルが１つずつ含まれます。
7. <Grid> タグと </Grid> タグの間に次のマークアップを追加します。

   	コードのコピー
   <Border Background="LemonChiffon" MinHeight="40" BorderBrush="#969696" BorderThickness="1" Padding="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> </Border >

   このマークアップは、アプリケーションに境界線の定義を追加します。

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

Copyright © GrapeCity inc. All rights reserved.