WPFによる動的にコントロールの生成

Question

###前提・実現したいこと
WPFとＣ＃で、機械メンテナンス日報用のアプリケーションを作っています。ボタンをクリックすることで予めxamlとして用意しておいたカレンダーを動的に表示させたいのですが、どうしても出来ません。
表示させたいのはツールボックスで定義してある標準のCalendarで、作業日時の入力を簡単にするために実装を考えています。
また、デザイナで確認したいので、動的にコントロール内容を生成するのは自分自身で禁止しています。試行錯誤で、色々なコードが混じっていますが、よろしくお願い致します。

###該当のソースコード
MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.IO;
using System.Xml;
using System.Xaml;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfPrintReportSample.Views
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void CalendarButton_Click(object sender, RoutedEventArgs e)
        {
            using (var sr = new StreamReader("Views/CalendarControl1.xaml"))
            {
                StackPanel Wkstart_stack = this.FindName("WkStartPanel") as StackPanel;
                Calendar Wkstart_cal = new WpfPrintReportSample.Views.;
                /// var Calxml = XmlReader.Create(sr.BaseStream);
                /// var ctrls =  as UIElement;
                Wkstart_stack.Children.Add("Views/CalendarControl1.xaml");
                /// var ctrls = XamlReader as UIElement;
                /// var item = new TabItem()
                {
                };
            }
        }
    }

MainWindow

<UserControl x:Class="WpfPrintReportSample.Reports.ReportSample"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:vm="clr-namespace:WpfPrintReportSample.ViewModels"
             mc:Ignorable="d"
             d:DesignHeight="1122.52" d:DesignWidth="793.70">
    <UserControl.DataContext>
        <vm:MainWindowViewModel />
    </UserControl.DataContext>
    <Grid>
        <TextBlock x:Name="WkStart_Copy" 
        	FontSize="21.333" Margin="43,16,84,0"  FontFamily="HGSKyokashotai" IsEnabled="False" RenderTransformOrigin="0.5,0.5" 
        	Foreground="Black" Height="34"  Padding="2.5,2.5,2.5,2" Text="サ ー ビ ス 報 告 書" HorizontalAlignment="Center" VerticalAlignment="Top" TextDecorations="Underline" />
        <StackPanel x:Name="CustomerStackP" HorizontalAlignment="Left" Height="245" Margin="10,80,0,0" VerticalAlignment="Top" Width="740" SnapsToDevicePixels="True">
            <TextBlock x:Name="WkStart" 
        		FontSize="21.333" Margin="44,16,29,0"  FontFamily="HGSKyokashotai" IsEnabled="False" RenderTransformOrigin="0.5,0.5" 
        		Foreground="Black" Height="34" VerticalAlignment="Top"  Padding="2.5,2.5,2.5,2"  Text="作業開始：                  平成２９年０１月２５日" />
            <TextBlock x:Name="WkEnd" 
            	FontSize="21.333" Margin="43,1,30,0"  FontFamily="HGSKyokashotai" IsEnabled="False" RenderTransformOrigin="0.5,0.5" 
            	Foreground="Black" Height="34" VerticalAlignment="Top"  Padding="2.5,2.5,2.5,2"  Text="作業終了：                  平成２９年０１月２５日" />
            <TextBlock x:Name="WkEnd_Copy" 
            	FontSize="21.333" Margin="43,1,30,0"  FontFamily="HGSKyokashotai" IsEnabled="False" RenderTransformOrigin="0.5,0.5" 
            	Foreground="Black" Height="34" VerticalAlignment="Top"  Padding="2.5,2.5,2.5,2"   Text="合計作業時間：                      時間" />
            <TextBlock x:Name="WkEnd_Copy1" 
            	FontSize="21.333" Margin="43,1,30,0"  FontFamily="HGSKyokashotai" IsEnabled="False" RenderTransformOrigin="0.5,0.5" 
            	Foreground="Black" Height="34" VerticalAlignment="Top"  Padding="2.5,2.5,2.5,2"   TextDecorations="Underline" Text="{Binding Text}" />
        </StackPanel>
        <Separator HorizontalAlignment="Left" Height="10" Margin="10,325,0,0" VerticalAlignment="Top" Width="755"/>
        <StackPanel Margin="10,340,-10,588">
            <TextBlock x:Name="sonson" 
        		FontSize="21.333" Margin="43,16,30,0"  FontFamily="HGSKyokashotai" IsEnabled="False" RenderTransformOrigin="0.5,0.5" 
        		Foreground="Black" Height="34" VerticalAlignment="Top"  Padding="2.5,2.5,2.5,2" FontStyle="Italic"   Text="作業開始：                  平成２９年０１月２５日" />
        </StackPanel>
    </Grid>
</UserControl>

カレンダーコントロールのソース

<!-- x:Class="WpfPrintReportSample.Views.CalendarControl1" -->
<UserControl 
             x:Class="WpfPrintReportSample.Views.CalendarControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfPrintReportSample.Views"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid RenderTransformOrigin="0.5,0.5" Margin="-13,16,120,102">
        <Grid.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="-14.781"/>
                <TranslateTransform/>
            </TransformGroup>
        </Grid.RenderTransform>
        <Calendar HorizontalAlignment="Left" VerticalAlignment="Top"/>

    </Grid>
</UserControl>

###試したこと
以下のページを参考にしました。
動的にXAMLを表示する。
XMLの読み出し(XmlReader)
WPF 動的パネルは結構便利

###補足情報(言語/FW/ツール等のバージョンなど)
Visual Studio Community 2015にて作成しています

Answer 1

表示のON/OFF程度なら Visibilityの変更で十分。はじめ、隠しておいて、イベントで表示させるようにすればいい。
動的にコントロールの生成は、この程度では使いません。

ついでなので、おそらくポップアップで表示させたいとかそういうものだと思われるので、サンプルコードを載せておきます。

        <ToggleButton  Name="ToggleButton"> </ToggleButton>
         <Popup IsOpen="{Binding ElementName=ToggleButton,Path=IsChecked}" StaysOpen="False" PlacementTarget="{Binding ElementName=ToggleButton  }">
           <Calendar />
         </Popup>
コード

Comments

[deerhunter]

はじめまして。
ご回答ありがとうございます。表示/非表示で解決は目からうろこです。動的コントロールにこだわりすぎていた感じがあります。
ただ、WPFでの動的にコントロールに興味があり、上記のプログラムを書き始めたのは事実でありますので、頂いたサンプルコードを使って色々と試してみようと思います。
取り急ぎ、ご連絡まで。
deerhunter

[deerhunter]

kiichi54321さん　ありがとうございます。
サンプルコードを試したところ、今回の目的に沿ったものが作れそうです。
ご教授ありがとうございます。
調べていると、動的コントロールの生成についてはExpression Blenderが、導入の敷居が低いように思いました。Blenderの生成するコードと自分のやりたいことを突き合わせてみて、WPFにおける動的表現の理解につなげhttps://teratail.com/questions/61902#ていきたいと思います。

[kiichi54321]

XamlServices.Load　をつかうと、XAMLをC#のオブジェクトに変換できるので、目的を達成できると思います。
でも、これは、ほとんど使うことないのですよ。
それよりも、MVVMパターンをちゃんと学んだ方がいいと思います。

[deerhunter]

kiichi54321さん、ありがとうございます。
後日、もう少し学びが進み、Prismを使ってある程度書けています。VMからVのユーザーコントロールの有効/無効化。DelegateCommandによる、VからのVMのメソッド呼び出し。Vに入力されたカレンダーの値をDependency Injectionで[Required(ErrorMessage = "...")]などでの検証など。
カレンダーについては、Wpf Toolkitという拡張機能に、DatePickerというものがあるのを見つけ、使っています。車輪の再発明をしていました。探すことは大事ですね。