ウィンドウ起動後のコントロールのサイズをViewModelに渡したい

Question

実現したいこと

WPFのアプリケーションでViewModelにコントロールのサイズを渡したいです。
SizeChangedイベントを利用してSizeを渡すことには成功しました。
しかし、ウィンドウの起動時にSizeChagedイベントは発生しません。
したがって起動後、ウィンドウのサイズを手動でちょこっと変えてあげなければなりません。
この起動後のコントロールのサイズを渡す良い方法はないでしょうか。

よろしくお願いします。
※一度ViewModelに渡してしまえばその値を保存して使用します。

前提

ここに質問の内容を詳しく書いてください。
Visual Studio 2022
C#(.Net 6)
Prism.Dryloc (8.1.97)
ReactiveProperty.WPF (9.0.0)

該当のソースコード

// MainWindowViewModel.cs
using Prism.Mvvm;
using Reactive.Bindings;
using System;
using System.Windows;

namespace BlankApp1.ViewModels
{
    public class MainWindowViewModel : BindableBase
    {
        public MainWindowViewModel()
        {
            SizeChangedCommand.Subscribe(size =>
            {
                   // size.Width
                   // size.Heightを利用したい
            });
        }
        public ReactiveCommand<Size> SizeChangedCommand { get; } = new();
    }
}

<!-- MainWindow.xaml -->
<Window x:Class="BlankApp1.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
        xmlns:prism="http://prismlibrary.com/"
        prism:ViewModelLocator.AutoWireViewModel="True"
        Title="{Binding Title}" Height="350" Width="525" >
    <Grid>
        <Rectangle Stroke="Aqua" StrokeThickness="10" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="SizeChanged">
                    <i:InvokeCommandAction Command="{Binding SizeChangedCommand}" EventArgsParameterPath="NewSize"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Rectangle>
    </Grid>
</Window>

Comments

[Zuishin]

「起動」(表示？)したイベントを使えばいいのでは？

[kubo1216]

ありがとうございます！
おっしゃる通りLoadedイベントを利用して解決できました。
解決方法を入力して質問を閉じようと思います。

Answer 1

しかし、ウィンドウの起動時にSizeChagedイベントは発生しません。

コードビハインドなら来るんですけど、確かになぜか来ないですね...
（Interaction.Triggersの？）タイミング的な問題だとは思うんですが、いろいろ試しても解決できませんでした。

コードビハインドなら来るのはわかっているので、雑にビヘイビアにしました。
ActualWidth・ActualHeightなので、もちろん設定はできません（OneWayToSource相当）

<Window
  x:Class="Qfpwwvzt0zl808x.Views.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
  xmlns:prism="http://prismlibrary.com/"
  xmlns:views="clr-namespace:Qfpwwvzt0zl808x.Views"
  Title="{Binding Title}"
  Width="{Binding WindowWidth, Mode=TwoWay}"
  Height="{Binding WindowHeight, Mode=TwoWay}"
  prism:ViewModelLocator.AutoWireViewModel="True">
  <Grid>
    <Rectangle
      SizeChanged="Rectangle_SizeChanged"
      Stroke="Aqua"
      StrokeThickness="10">
      <i:Interaction.Behaviors>
        <views:ActualSizeBehavior ActualSize="{Binding RectSize}" />
      </i:Interaction.Behaviors>
    </Rectangle>
  </Grid>
</Window>

using System.Diagnostics;
using System.Windows;
using Microsoft.Xaml.Behaviors;

namespace Qfpwwvzt0zl808x.Views;


public partial class MainWindow : Window
{
    public MainWindow() => InitializeComponent();

    private void Rectangle_SizeChanged(object sender, SizeChangedEventArgs e)
        => Debug.WriteLine($"Rectangle_SizeChanged: {e.NewSize}");
}

public class ActualSizeBehavior : Behavior<FrameworkElement>
{
    public Size ActualSize { get => (Size)GetValue(ActualSizeProperty); set => SetValue(ActualSizeProperty, value); }
    public static readonly DependencyProperty ActualSizeProperty
        = DependencyProperty.Register(nameof(ActualSize), typeof(Size), typeof(ActualSizeBehavior),
            new FrameworkPropertyMetadata(new Size(), FrameworkPropertyMetadataOptions.BindsTwoWayByDefault));

    protected override void OnAttached() => AssociatedObject.SizeChanged += AssociatedObject_SizeChanged;
    protected override void OnDetaching() => AssociatedObject.SizeChanged -= AssociatedObject_SizeChanged;

    private void AssociatedObject_SizeChanged(object sender, SizeChangedEventArgs e)
    {
        ActualSize = new Size(AssociatedObject.ActualWidth, AssociatedObject.ActualHeight);
    }
}

using System.ComponentModel;
using System.Diagnostics;
using System.Windows;
using Prism.Mvvm;

namespace Qfpwwvzt0zl808x.ViewModels;


public class MainWindowViewModel : BindableBase
{
    public string Title { get => _title; set => SetProperty(ref _title, value); }
    private string _title = "Prism Application";

    public double WindowWidth { get => _WindowWidth; set => SetProperty(ref _WindowWidth, value); }
    private double _WindowWidth;

    public double WindowHeight { get => _WindowHeight; set => SetProperty(ref _WindowHeight, value); }
    private double _WindowHeight;

    public Size RectSize { get => _RectSize; set => SetProperty(ref _RectSize, value); }
    private Size _RectSize;


    public MainWindowViewModel()
    {
        // ファイルから読んだりするテイ
        WindowWidth = 525;
        WindowHeight = 350;

        PropertyChanged += MainWindowViewModel_PropertyChanged;
    }

    private void MainWindowViewModel_PropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        if (e.PropertyName == nameof(RectSize)) Debug.WriteLine($"{nameof(RectSize)}: {RectSize}");
  
        if (e.PropertyName == nameof(WindowWidth)) Debug.WriteLine($"{nameof(WindowWidth)}: {WindowWidth}");
        if (e.PropertyName == nameof(WindowHeight)) Debug.WriteLine($"{nameof(WindowHeight)}: {WindowHeight}");
    }
}

---

Loadedイベントでコントロールの表示時のWidthとHeightを取得して解決しました。
var view = e.Source as Views.MainWindow;

MainWindowのサイズ保存・復元が目的なら、単純にWidth・Heightにバインドで十分です。

Comments

[TN8001]

解決されたようですが^^;

[kubo1216]

回答いただきありがとうございます。
ビヘイビアの作り方とかよくわかってない部分も多いのでとても参考になります。

Width、HeightにバインドするとNanが入らないですか...?

[TN8001]

> ビヘイビアの作り方とかよくわかってない部分も多いのでとても参考になります。

ビヘイビアと大仰な名前がついていますが、見た通りコードビハインドを切り出しているだけにすぎません^^;
例えば「Windowのサイズ保存」が目的なら、ビヘイビア内でファイル入出力を書いてしまってもいいわけです。

ViewModelに渡したいということなので、（バインドするために）依存関係プロパティ（DependencyProperty）もあってさらに難解に見えてしまっています。

（特に開発初期は）厳格なMVVMにこだわらず、適度にコードビハインドも使っていいと思います（後から変更も可能ですし）

> Width、HeightにバインドするとNanが入らないですか...?

この場合のRectangleであれば、Double.NaNですね。

kubo1216さんの回答ではWindow.Loadedに変わっていたので、「Windowのサイズ保存が目的であれば...」という蛇足です^^;

任意のコントロールのサイズが欲しいなら、ActualWidth・ActualHeightを見るしかないですね。

[kubo1216]

返信が遅くなりすみません。

> 厳格なMVVMにこだわらず、適度にコードビハインドも使っていいと思います
確かにコードビハインドで書いたら良かったかもしれません...

> Window.Loadedに変わっていたので、「Windowのサイズ保存が目的であれば...」という蛇足です^^;
> 任意のコントロールのサイズが欲しいなら、ActualWidth・ActualHeightを見るしかないですね。
なるほど、分かりました。

親切に教えていただきありがとうございました。

Answer 2

Loadedイベントでコントロールの表示時のWidthとHeightを取得して解決しました。

// MainWindowViewModel.cs
    public class MainWindowViewModel : BindableBase
    {
        public MainWindowViewModel()
        {
            SizeChangedCommand.Subscribe(size =>
            {
                
            });

            // Loadedイベント用のコマンドを追加
            LoadCommand.Subscribe(e =>
            {
                var view = e.Source as Views.MainWindow;
                //view.ActualWidth;
                //view.ActualHeight;
            });
        }
        public ReactiveCommand<Size> SizeChangedCommand { get; } = new();
        public ReactiveCommand<RoutedEventArgs> LoadCommand { get; } = new();
    }

<!-- MainWindow.xaml -->
<!-- Loadedイベントのイベントトリガーを追加 -->
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <rp:EventToReactiveCommand Command="{Binding LoadCommand}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>