この手順では、TileView for WPF/Silverlight を使用して WPF/Silverlight アプリケーションを作成します。アプリケーションに C1TileView コントロールを追加すると、コンテンツを内部に表示できるインターフェイスになります。プロジェクトをセットアップし、C1TileView コントロールをアプリケーションに追加するには、次の手順に従います。

1. Visual Studio で新しい WPF/Silverlight プロジェクトを作成します。この例では、アプリケーションに "QuickStart" という名前を付けます。プロジェクトに別の名前を付けた場合は、後の手順で "QuickStart" を参照している箇所を実際のプロジェクトの名前に変更する必要があります。

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

   • C1.WPF および C1.Silverlight

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

3. MainWindow.xaml ファイルの XAML ビューを開きます。このクイックスタートでは、XAML マークアップを使用して C1TileView コントロールを追加します。

4. 次のマークアップを使用して、XAML 名前空間を Window タグに追加します。

   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="TileView for WPF" Height="275" Width="425">

   XAML

   コードのコピー

   <UserControl x:Class="C1SilverlightCS111010.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="262" d:DesignWidth="399">

   これは、複数の名前空間を追加しなくても、ほとんどの ComponentOne WPF コントロールを使用できるようにするための統合名前空間です。

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

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

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

これで、アプリケーションのユーザーインターフェイスが正しくセットアップされましたが、このアプリケーションを実行すると、C1TileView コントロールにコンテンツがないことがわかります。次の手順では、C1TileView コントロールにコンテンツを追加し、コントロールに対して実行可能ないくつかの操作を確認してみます。