C1Book コントロールは、設計時、XAML、およびコードで簡単に作成できます。次の手順で作成した C1Book コントロールは、空のコンテナとして表示されます。このコントロールを実行時にブックとして表示するには、項目を追加する必要があります。例については、「ブックへの項目の追加」を参照してください。

XAML の場合

C1Book コントロールを XAML マークアップを使用して作成するには、次の手順に従います。

1. Visual Studio Solution Explorer で、プロジェクトファイルリスト内の［参照］フォルダを右クリックします。コンテキストメニューから［参照の追加］を選択し、ComponentOne for UWP アセンブリを選択して、［OK］をクリックします。
2. <Grid> タグと </Grid> タグの間にカーソルを置きます。Visual Studio のツールボックスで C1Book コントロールをダブルクリックしてアプリケーションに追加します。これで、<Page> タグに次の名前空間も追加されます。
   

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

3. 次のマークアップを <Extended: C1Book> タグに追加します。
   • Name="c1book1"
   • Height="300"
   • Width="450"

このマークアップは、「c1book1」という名前の空の C1Book コントロールを作成し、コントロールのサイズを設定します。

コードの場合

C1Book コントロールをコードで作成するには、次の手順に従います。

1. Visual Studio Solution Explorer で、プロジェクトファイルリスト内の［参照］フォルダを右クリックします。コンテキストメニューから［参照の追加］を選択し、ComponentOne for UWP  アセンブリを選択して、［OK］をクリックします。
2. MainPage.xaml ウィンドウで、<Grid> タグ内にカーソルを置き、次のマークアップを追加します。
   • Name="Grid1"
3. ［MainPage.xaml］ウィンドウ内で右クリックし、［コードの表示］を選択してコードビューに切り替えます。
4. 次の import 文をページの先頭に追加します。

   Visual Basic コードの書き方

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

   C# コードの書き方

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

5. ページのコンストラクタに、C1Book コントロールを作成するコードを追加します。次のようになります。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Public Sub New() InitializeComponent() Dim c1book1 as New C1Book c1book1.Height = 300 c1book1.Width = 450 Grid1.Children.Add(c1book1) End Sub

   C# コードの書き方

   C#	コードのコピー
   public MainPage() { this.InitializeComponent(); C1Book c1book1 = new C1Book(); c1book1.Height = 300; c1book1.Width = 450; Grid1.Children.Add(c1book1); }

   このコードは、「c1book1」という名前の空の C1Book コントロールを作成し、コントロールのサイズを設定し、コントロールをページに追加します。

ここまでの成果

C1Book コントロールを作成しました。上記の手順で作成した C1Book コントロールは、空のコンテナとして表示されます。このコントロールを実行時にブックとして表示するには、項目を追加する必要があります。例については、「ブックへの項目の追加」を参照してください。