ウィンドウを複写したい

Question

操作用ウィンドウA　と　閲覧用ウィンドウBがあり、

ウィンドウAとまったく同じ表示（コントロール、レイアウト諸々）をウィンドウBにさせたいです。
ただし、操作が可能なのはウィンドウAだけで、ウィンドウBは表示専用で一切の操作はできません。

例えば、ウィンドウA上にテキストボックスがあり、何か入力をした場合に、それがリアルタイムでウィンドウBに反映されるようなイメージ
※実際にはウィンドウＡ上でのアニメーションなどもウィンドウＢに反映させたいです。

何か方法はありますでしょうか。

Answer 1

ウィンドウAとまったく同じ表示（コントロール、レイアウト諸々）をウィンドウBにさせたいです。
ただし、操作が可能なのはウィンドウAだけで、ウィンドウBは表示専用で一切の操作はできません。

WPFにはVisualBrushという、超強力機能があります。
まさにこの目的にぴったりです^^
イメージ、描画、およびビジュアルによる塗りつぶし - WPF .NET Framework | Microsoft Docs

WPF 超入門　〜番外編「とある動画の同期再生」 - 周回遅れのブルース

<Window
  x:Class="Questions375232.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="ウィンドウA"
  Width="800"
  Height="450">
  <StackPanel>
    <TextBox Text="aaaaaaaaa" />
    <Button Content="a" />

    <Rectangle
      Width="100"
      Height="100"
      Fill="Red"
      RenderTransformOrigin="0.5,0.5">
      <Rectangle.RenderTransform>
        <RotateTransform />
      </Rectangle.RenderTransform>
      <Rectangle.Triggers>
        <EventTrigger RoutedEvent="Loaded">
          <BeginStoryboard>
            <Storyboard RepeatBehavior="Forever">
              <DoubleAnimation
                Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"
                From="0"
                To="360"
                Duration="0:0:1" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Rectangle.Triggers>
    </Rectangle>
  </StackPanel>
</Window>

using System.Windows;
using System.Windows.Data;
using System.Windows.Media;

namespace Questions375232
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            var window = new Window
            {
                Background = new VisualBrush(this),
                Title = "ウィンドウB",
                ResizeMode = ResizeMode.NoResize,
            };
            window.SetBinding(WidthProperty, new Binding("Width") { Source = this, Mode = BindingMode.TwoWay, });
            window.SetBinding(HeightProperty, new Binding("Height") { Source = this, Mode = BindingMode.TwoWay, });

            window.Show();
        }
    }
}

Comments

[Mashimasa]

まさに探し求めていたものはこれです！！
『WPF　キャプチャ』などで検索しても画面のスクリーンショットを取る方法しかでてこず困っていました。
助かりました。ありがとうございます。

Answer 2

WPF触れたことないので　可能なのか/方法論として良いのか悪いのか　等々判断つきませんが…

• ウィンドウB側は画像を一枚表示できるだけの物とし，
• ウィンドウA側で何か変化があった際(?)に，ウィンドウAのスクリーンショットを撮り，ウィンドウB側の表示内容をその絵で更新する．

といった方向の話はどうでしょうか．
（その他，ウィンドウのサイズ変化とかにもまぁ相応に対処するとして）

Comments

[Mashimasa]

回答ありがとうございます。
スクリーンショットも考えたのですが、それだとアニメーションが再現できないんです.....。

Answer 3

私なら2種類の方法が思いつきますね。
まず、Window1, WIndow2 とします。
Window1 は編集用, Window2は表示するだけとします。

そのとき、Window1,2の違いはなんでしょうか？ そう、編集できるかどうかですね。

では、コードレベルで考えた時、どういう違いがあるでしょうか？
たとえば、一つはWinAPIを使って、もう一つは.NET Framework等のやつで作ったやつ…みたいな差がありますか？
普通に考えるとほとんど差がないはずです。せいぜい、button1.Enabled を falseにするかどうかとかそういうレベルのはずです。

そう考えると、Windows1のときはEnabledとかをtrueまたはデフォルトのままにして、Window2ではEnabled等をfalse等にするだけの差しかないはずですね。

ということは、CommonWindowクラスとかを作って共通化。そしてそのクラスのコンストラクタかメソッドあたりで『編集可能・不可能』を決める。

たとえば、

// 変更可能な方として生成
CommonWindow window1 = new CommonWindow( true );

とかみたいにするとか。

Window1はWindows2のオブジェクトをフィールドとして保持して、『テキストボックスの値が変更されたら』系のイベントとかでデータを処理しつつWindow2にもその結果を渡して表示させるとか。

これが方法1。

もう一つの方法(方法2)は、方法1を『継承による表現』ですかね。

同じようにCommonWindowを作る。
それを継承してWindow1, Window2のクラスを作る。親であるCommonWindowのコンストラクタを呼び出すときに『編集可能かどうか』的な引数を渡すとか。

ただし、今回の場合、方法2はあまり良くない気がします。

オブジェクト指向系の言語で継承したりするのは『拡張のため』ではなく、『同一視するため』です。

Window1とWindow2を同一視して、内部処理はそのオブジェクトに任せるためのものです。なのでおすすめはしません。

ただ、この方法が有用な場合もあるので一例として出しています。

私なら単純に方法1でやりますね。

Comments

[Mashimasa]

回答ありがとうございます。
オブジェクトを共有するんですね。
ウィンドウの処理も結構複雑だったりするので、もっと簡単な方法があれば良いなと思った次第です。