[WPF][MVVM] StatckPanelエリアのサイズ自動取得に関して

Question

前提・実現したいこと

WPF・MVVMの設計にてソフトを作っています。

StackPanel のエリアサイズを動的に取得したいと試みていますが・・・なかなか取得できません。最初は固定値で入れておいても良いのでしょうか。。

考え方としては、Bindingにて取得する場合、最初に固定値を入れておき、その後、Windowが拡大されたときなど・・サイズ変更によって、その際に取得するようにするにはどうしたら良いのでしょうか？

よろしくお願い致します。

該当のソースコード

   <Grid>
        <StackPanel Width="{Binding SWidth}" Height="{Binding SHeight}">

        </StackPanel>
    </Grid>

ViewModel側

using System.Windows;


        double SWidth { get; set; }
        double SHeight { get; set; }

        public void Initialize()
        {
            var StackWidth = SizeToContent.Width;
            var StackHeight = SizeToContent.Height;

            SWidth = (double)StackWidth;
            SHeight = (double)StackHeight;

        }

試したこと

１）固定値を入れると、サイズは反映される。

２）SizeToContentを取得してみた。

補足情報（FW/ツールのバージョンなど）

開発環境：Visual Studio2015

Comments

[Zuishin]

どういうことかよくわかりません。「動的」「取得」あたりをもう少し普通の日本語で書いてください。各 3 行以上の分量を目安に、具体例を入れながらわかりやすくお願いします。

[Base]

ありがとうございます。
動的というのは、このStackPanel のエリアが大きくなった場合、それに応じて、中に入れるイメージデータのサイズを変更したいと考えています。エリアのサイズを最初のサイズではなく、大きくなった時のサイズを元に、計算したいです。
取得というのは、そのStackPanel のサイズを値として取得することを考えています。データバインドでいえば、ActualHeight メソッドとActualWidth メソッドを利用するところの処理を、コードビハインドを使わずに進めたいと考えています。

[Zuishin]

イメージデータが複数あり、StackPanel の大きさに応じてそれを選択したいということでしょうか？

もしそうだとしたら、イメージを表示するコントロールを作り、そのコントロールを StackPanel の中に入れて幅を合わせ、コントロール自身が自分の幅に応じて画像を選択するようにすると良いのではないかと思います。

計算が必要になってくる以上、XAML だけではできません。ビヘイビアを作る手もありますが、この場合はコントロールを作るほうがすっきりできると思います。

[Base]

なるほど。
自分にはなかった考えです。

興味深いので、聞きたいのですが、イメージを表示するコントロールを作る。。という事は、具体的には、クラスを作って、そこでイメージのサイズをコントロールするということで、認識はあってますか？

[Zuishin]

コントロールというのはボタンやリストボックスなどのような UI のパーツのことです。

Answer 1

ActualWidth, ActualHeightの値をBindして取得するという点については、以下で解決すると思います。ただ、これだと結構ダサいし長ったらしいです。修正依頼でも指摘されているように、別のもっといい方法があるんじゃないか？と思ってます。
あと、どうでもいいことですが、ActualHeight/Widthは依存プロパティです。メソッドと言うのは違和感があります。

Binding ActualHeight and ActualWidth (Silverlight)
上記サイトに載っている、SizeChangeクラスを適当なところに定義したうえで、

<StackPanel local:SizeChange.IsEnabled="True" local:SizeChange.ActualHeight="{Binding Height, Mode=OneWayToSource}" local:SizeChange.ActualWidth="{Binding Width, Mode=OneWayToSource}" />

class ViewModelClass
{
        public double Width { set => System.Diagnostics.Debug.WriteLine("Width:" + value); }
        public double Height { set => System.Diagnostics.Debug.WriteLine("Height:" + value); }
}

Comments

[Base]

ありがとうございます。
実は、自分もkiichi54321様から、SizeChangedイベントへの仕込みに関して調査し、下記のリンクを見つけて、実装中でした。

https://stackoverflow.com/questions/1083224/pushing-read-only-gui-properties-back-into-viewmodel

実装方法を、自己解決に記載しておきます。
具体的な方法のリンクをいただいたという事で、ベストアンサーに選ばせて頂きました。

Answer 2

WPF の UserControl で コントロールの高さと幅を取得する

具体的には、 ActualHeight メソッドと、 ActualWidth メソッドを利用することで取得できます。

やりたいことはこれかなと。

無理して、MVVM的なやり方より、コードビハインドで、SizeChangedイベントを仕込む方が楽だと思います。

Comments

[Base]

ありがとうございます。

まさに、それです！！
今回はMVVM的に進めるのが、一つの要素でして・・・何か手段はないかと、、なかなかコードが書けずにハマってます。。

Answer 3

ありがとうございました。
実際は良いか・・・という話ではありますが、下記の方法で自己解決。

下記のクラスを追加

https://stackoverflow.com/questions/1083224/pushing-read-only-gui-properties-back-into-viewmodel

クラス内：frameworkElement.AssertNotNull("frameworkElement");はコメントアウト

<Window x:Class...
xmlns:local="クラス追加のフォルダ"


   <Grid>
        <StackPanel local:SizeObserver.Observe="True" local:SizeObserver.ObservedWidth="{Binding Width, Mode=OneWayToSource}" local:SizeObserver.ObservedHeight="{Binding Height, Mode=OneWayToSource}">
 
        </StackPanel>
    </Grid>
</Window>

        private double _Width;
        public double Width
        {
            set
            {
                _Width = value;
            }
            
        }
        private double _Height;
        public double Height
        {
            set
            {
                _Height = value;
            }
        }

        public void Initialize()
        {
            // 初期化の際に取得される
            var w = _Width;
            var h = _Height;
        }