RichTextBox for UWP
手順1:アプリケーションの設定
チュートリアル > C1RichTextBox コンテンツの印刷 > 手順1:アプリケーションの設定

この手順では、新しい Windows ストアアプリケーションを作成し、C1RichTextBox コントロールを追加します。さらに、C1RichTextBox コントロールと C1RichTextBoxMenu コントロールを作成するためのマークアップを追加します。

  1. [ファイル]→[新規作成]→[プロジェクト]を選択し、[新しいプロジェクト]ダイアログボックスを開きます。
    1. 右側のペインで C# の下にある[Windows ストア]を選択します。
    2. 左側のペインで[新しいアプリケーション (XAML)]を選択します。
    3. アプリケーションの名前を入力し、[OK]をクリックします。新しい空の Windows ストアアプリケーションが開きます。
  2. ソリューションエクスプローラーで、[参照]ファイルを右クリックし、リストから[参照の追加]を選択します。次のアセンブリ参照を参照して選択します。
    • C1.Xaml
    • C1.Xaml.RichTextBox
    • C1.Xaml.RichTextBox.Menu
  3. MainPage.xaml ファイルをダブルクリックして開きます。
  4. ページ先頭の <Page> タグに次の名前空間宣言を追加します。
    XAML マークアップ
    コードのコピー
    xmlns:c1RTB="using:C1.Xaml.RichTextBox"
    
  5. 次に、いくつかの Grid.ResourcesRowDefinitions を追加します。次のマークアップは、<Grid> </Grid> タグの間に置く必要があります。

    XAML でマークアップの書き方

    XAML マークアップ
    コードのコピー
    <Grid.Resources>
                <DataTemplate x:Name="printTemplate">
                    <Grid Height="{Binding ViewManager.PresenterInfo.Height}" Width="{Binding ViewManager.PresenterInfo.Width}">
                        <c1RTB:C1RichTextPresenter Source="{Binding}" Margin="{Binding ViewManager.PresenterInfo.Padding}" />
                    </Grid>
                </DataTemplate>
            </Grid.Resources>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
  6. 終了タグ </Grid.RowDefinitions> のすぐ下に、汎用の Button コントロールを追加します。次のようにマークアップを編集します。名前、コンテンツ、およびクリックイベントを追加します。
    XAML マークアップ
    コードのコピー
    <Button x:Name="btnPrint" Content="Print" HorizontalAlignment="Left" Click="btnPrint_Click" />
  7. 最後に、C1RichTextBoxMenu コントロールと C1RichTextBox コントロールを Visual Studio ツールボックスで見つけ、それらのコントロールをダブルクリックして追加します。マークアップを次のように編集します。

    XAML でマークアップの書き方

    XAML マークアップ
    コードのコピー
    <c1RTB:C1RichTextBoxMenu x:Name="rtbMenu" RichTextBox="{Binding ElementName=rtb}" Grid.Row="1" />
    <c1RTB:C1RichTextBox x:Name="rtb"  Grid.Row="1"
                                 FontFamily="Times New Roman"
                                 FontSize="20"
                                 ViewMode="Print"
                                 HorizontalContentAlignment="Center"
                                 Background="#EEEEEE"/>

この手順では、新しい Windows ストアアプリケーションを設定し、アプリケーションに適切な参照を追加し、アプリケーションに C1RichTextBox コントロールを追加しました。次の手順では、適切なリソースファイルとアプリケーションコードを追加します。