この手順では、新しい Windows ストアアプリケーションを作成し、アプリケーションをセットアップし、アプリケーションに C1RichTextBox コントロールを追加します。この手順を完了すると、主要な機能を備えたリッチテキストエディタができあがります。

次の手順を実行します。

1. Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
2. ［新しいプロジェクト］ダイアログボックスで、［テンプレート］→［Visual C#］→［Windows］→［ユニバーサル］を選択します。テンプレートリストから、 ［空白のアプリ（ユニバーサルWindows）］を選択します。［名前］を入力し、［OK］をクリックしてプロジェクトを作成します。
3. ソリューションエクスプローラーでプロジェクト名を右クリックし、［参照の追加］を選択します。
4. ［参照マネージャー］ダイアログボックスで［ComponentOne for UWP ］を選択します。［OK］をクリックしてダイアログボックスを閉じ、参照を追加します。
5. MainPage.xaml をまだ開いていない場合は開き、<Page> タグ内に次のマークアップを追加します。

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

   これにより、C1.Xaml.RichTextBox アセンブリへの参照がプロジェクトに追加されます。
6. プロジェクトの XAML ウィンドウで、カーソルを <Grid x:Name="ContentPanel"></Grid> タグの間に置き、１回クリックします。
7. <Grid> タグ内に次のマークアップを追加して、C1RichTextBox コントロールを追加します。このマークアップは、コントロールに名前を付けます。

   XAML マークアップ	コードのコピー
   <RichTextBox:C1RichTextBox Name="C1RTB" />

8. 追加した C1RichTextBox コントロールのマークアップの下にカーソルを置きます。Visual Studio ツールボックスで C1RichTextBoxMenu コントロールを見つけてダブルクリックし、このコントロールをアプリケーションに追加します。
9. C1RichTextBoxMenu マークアップを次のサンプルのように編集します。これは、C1RichTextBoxMenu に名前を付け、これを C1RichTextBox コントロールに連結します。

   XAML マークアップ	コードのコピー
   <RichTextBox:C1RichTextBoxMenu x:Name="rtbMenu" RichTextBox="{Binding ElementName=RTB1}" />

ここまでの成果

アプリケーションを実行すると、ほぼ完全な機能を備えた C1RichTextBox アプリケーションが表示されます。C1RichTextBox コントロールにテキストを入力して編集できます。次の手順では、アプリケーションをさらにカスタマイズします。