このトピックでは、アプリケーションにC1TileView コントロールを追加します。次の手順に従います。

1. Visual Studio の［ファイル］メニューから、［新規作成］を選択し、［プロジェクト］を選択します。

2. ［新しいプロジェクト］ダイアログボックスで、左側のメニューから言語を選択し、［フレームワーク］ドロップダウンリストで［.NET Framework 4］を選択し、プロジェクトの名前を入力します。

3. ソリューションエクスプローラで、プロジェクト名を右クリックし、［参照の追加］を選択します。［参照の追加］ダイアログボックスで、以下のアセンブリを見つけて選択し、［OK］をクリックしてプロジェクトに参照を追加します。

   • C1.WPF および C1.Silverlight

   • C1.WPF.TileView および C1.Silverlight.Tileview

4. MainWindow.xaml ファイルの XAML ビューを開き、マークアップ を使用して、UserControl タグに XAML 名前空間を追加します。名前空間は次のようになります。

   XAML	コードのコピー
   xmlns:c1=http://schemas.componentone.com/winfx/2006/xaml

   • WPF
   • Silverlight

   XAML	コードのコピー
   <Window x:Class="MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525">

   XAML

   コードのコピー

   <UserControl x:Class="QuickStart.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400"><Window x:Class="MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" Title="MainWindow" Height="350">

5. ページの Grid タグ内に <c1:C1TileView x:Name="C1TileView1" /> タグを追加して、アプリケーションにC1TileView コントロールを追加します。
   

   XAML	コードのコピー
   <Grid x:Name="LayoutRoot" Background="White"> <c1:C1TileView x:Name="C1TileView1" /> </Grid>

   XAML は次のようになります。
   これで、"C1TileView1" という名前のC1TileView コントロールがアプリケーションに追加されます。

ここまでの成果

これで、アプリケーションのユーザーインターフェイスが正しくセットアップされましたが、このアプリケーションを実行すると、C1TileView コントロールにコンテンツがないことがわかります。詳細については、「項目を追加する」トピックを参照してください。