WPFで画面上でUIelementを動かすときの制約の方法について教えてください。

Question

WPFで画面上でUIelementを動かすときの制約の方法について教えてください。

http://d.hatena.ne.jp/CoMo/20110316/1300288737

のようなもので、たとえばビリヤードの台とボールを作るとき、windowのcanvas内の位置で制約をつけたいです。

そこで、次のようにしてみたのですが、Canvas.GetBottom(element)では、数値ではなくNaNという値しか取れません。

var thumb = sender as Thumb;
if (thumb == null) return;

double bottom = Canvas.GetBottom(thumb);

if (100< bottom ) {
//ドラッグ量に応じてThumbコントロールを移動する
Canvas.SetLeft(thumb, Canvas.GetLeft(thumb) + e.HorizontalChange);
Canvas.SetTop(thumb, Canvas.GetTop(thumb) + e.VerticalChange);
}

制約の方法をご示唆ください。

Comments

[daichan]

そのソースコードはどのイベントハンドラでしょうか？
あと、xaml側のコードも教えてください。
いずれもリンク先のコードと同じですか？

[退会済みユーザー]

はい。同じです。

Answer 1

こんにちは。

Canvas.Bottomの値を設定していないので、NaNで正しいです。

おそらくCanvas.Bottomの仕様を勘違いされているのではないかと思います。
Canvas.Bottomは、Canvas.Top + thumb.ActualHeightではありません。
Canvas.Bottom 添付プロパティ

以上です。

Comments

[退会済みユーザー]

なるほど。ありがとうございます。

対象のelementの位置をcanvas/windowとの位置で設定するには、具体的にどうすればよいでしょう？

[daichan]

「対象のelementの位置をcanvas/windowとの位置で設定する」とは、どういうことでしょうか？

[退会済みユーザー]

double bottom = Canvas.GetBottom(thumb);

if (100< bottom ) {
とかいたとおり、
element(thumb)のbottomを、画面（canvas or window)のbottomからたとえば100pixcelとかにしたい、ということです。

[daichan]

Canvas・Thumbともに、ActualHeightプロパティで高さが取得できます。
この値とCanvas.GetTop(thumb)の値があれば、実現できると思いますので、やってみてください。

[退会済みユーザー]

ありがとうございます。
BottomはGetTopしてHeightを足して自分で設定するのですね。
了解しました。