手順 1：アプリケーションの作成

この手順では、ReportViewer for WPF/Silverlight を使用して WPF/Silverlight アプリケーションを作成します。アプリケーションに C1ReportViewer コントロールを追加すると、PDF ファイルと HTML ファイルを内部に表示できる完全な機能を備えたドキュメントビューアインターフェイスになります。プロジェクトをセットアップし、C1ReportViewer コントロールをアプリケーションに追加するには、次の手順に従います。

Visual Studio の［ファイル］メニューから、［新規作成］を選択し、［プロジェクト］を選択します。
［新しいプロジェクト］ダイアログボックスで、左側のメニューから言語と WPF/Silverlight アプリケーションを選択します。［フレームワーク］ドロップダウンリストで［.NET Framework 4］を選択し、プロジェクトの名前を入力します。必要に応じて、WPF/Silverlight のバージョン番号として WPF 4/Silverlight 5 を選択します。この例では、アプリケーションに "QuickStart" という名前を付けます。プロジェクトに別の名前を付けた場合は、後の手順で "QuickStart" を参照している箇所を実際のプロジェクトの名前に変更する必要があります。
ソリューションエクスプローラで、プロジェクト名を右クリックし、［参照の追加］を選択します。［参照の追加］ダイアログボックスで、C1.WPFと C1.WPF.ReportViewer /C1.Silverlight と C1.Silverlight.ReportViewer アセンブリを見つけて選択し、［OK］をクリックしてプロジェクトに参照を追加します。
MainWindow.xaml ファイルの XAML ビューを開きます。このクイックスタートでは、XAML マークアップを使用して C1ReportViewer コントロールを追加します。

次のマークアップを使用して、XAML 名前空間を Window タグに追加します。xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
名前空間は次のようになります。

WPF
Silverlight

	コードのコピー
<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">

コードのコピー

<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">

	コードのコピー
<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">

コードのコピー

<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">

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

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

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

これで、"C1ReportViewer1" という名前の C1ReportViewer コントロールがアプリケーションに追加されます。アプリケーションを実行すると、次の画像のように表示されます。

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