回答編集履歴

動画

2024/08/31 18:56

投稿

TN8001

スコア9807

test CHANGED Viewed

@@ -253,7 +253,7 @@
 xamlがごちゃごちゃして難しそうですが、`Blend For Visual Studio`で作成したのでほとんどマウス操作だけで済んでいます。
-![アプリ画像](9ce0e5a7877391bc94f16d63ea913067.png)
+![アプリ動画](https://ddjkaamml8q8x.cloudfront.net/questions/2024-09-01/abfaef12-5a37-462a-9fb9-b92e3ba7fcb9.gif)
 ---

見直しキャンペーン中

2023/08/13 08:26

投稿

TN8001

スコア9807

test CHANGED Viewed

@@ -273,9 +273,9 @@
 C:\Program Files (x86)\Microsoft SDKs\Expression\Blend.NETFramework\v4.0\Libraries
 ```
-`Microsoft.Expression.Drawing.dll`
+* `Microsoft.Expression.Drawing.dll`
-`Microsoft.Expression.Interactions.dll`
+* `Microsoft.Expression.Interactions.dll`
-`System.Windows.Interactivity.dll`
+* `System.Windows.Interactivity.dll`
 の３つを`Ctrl`を押しながらクリック、
 「追加」ボタンを押し、ファイル選択ダイアログを閉じる。
 「OK」ボタンを押し、参照マネージャーを閉じる。

見直しキャンペーン中

2023/07/25 13:00

投稿

TN8001

スコア9807

test CHANGED Viewed

@@ -1,10 +1,8 @@
-WPFで要素のドラッグ移動には、
+WPFで要素のドラッグ移動には、↓こういうのがあります（ありました？）
 [MouseDragElementBehavior クラス (Microsoft.Expression.Interactivity.Layout) | Microsoft Docs](https://docs.microsoft.com/ja-jp/previous-versions/visualstudio/design-tools/expression-studio-4/ff726476(v=expression.40))
-こういうのがあります（ありました？）
-現在`Microsoft`はなかったことにしたい？のか、
+現在Microsoftは（なかったことにしたい？のか）こちらに移行させたいようなのですが、元の半分程度の実装しかありません。
 [MouseDragElementBehavior · microsoft/XamlBehaviorsWpf Wiki](https://github.com/Microsoft/XamlBehaviorsWpf/wiki/MouseDragElementBehavior)
-こちらに移行させたいようなのですが、元の半分程度の実装しかありません。
 しかしまだ入手は可能です。
 ~~[Download Microsoft Expression Blend 4 Software Development Kit (SDK) for .NET 4 from Official Microsoft Download Center](https://www.microsoft.com/ja-jp/download/details.aspx?id=10801)

見直しキャンペーン中

2023/07/25 12:57

投稿

TN8001

スコア9807

test CHANGED Viewed

@@ -1,577 +1,289 @@
 WPFで要素のドラッグ移動には、
 [MouseDragElementBehavior クラス (Microsoft.Expression.Interactivity.Layout) | Microsoft Docs](https://docs.microsoft.com/ja-jp/previous-versions/visualstudio/design-tools/expression-studio-4/ff726476(v=expression.40))
 こういうのがあります（ありました？）
 現在`Microsoft`はなかったことにしたい？のか、
 [MouseDragElementBehavior · microsoft/XamlBehaviorsWpf Wiki](https://github.com/Microsoft/XamlBehaviorsWpf/wiki/MouseDragElementBehavior)
 こちらに移行させたいようなのですが、元の半分程度の実装しかありません。
 しかしまだ入手は可能です。
-[Download Microsoft Expression Blend 4 Software Development Kit (SDK) for .NET 4 from Official Microsoft Download Center](https://www.microsoft.com/ja-jp/download/details.aspx?id=10801)
+~~[Download Microsoft Expression Blend 4 Software Development Kit (SDK) for .NET 4 from Official Microsoft Download Center](https://www.microsoft.com/ja-jp/download/details.aspx?id=10801)
-`Blend For Visual Studio`がインストールされていれば、すでに入っているはずです（`Blend For Visual Studio`もまだインストール可能だと思うのですが、2019での入れ方がよくわかりませんでした）
+`Blend For Visual Studio`がインストールされていれば、すでに入っているはずです（`Blend For Visual Studio`もまだインストール可能だと思うのですが、2019での入れ方がよくわかりませんでした）~~
+[Microsoft Expression Blend SDKのダウンロードリンク - vorfee's Tech Blog](https://vorfee.hatenablog.jp/entry/2023/02/01/000929)
-```xaml
+```xml
 <Window
   x:Class="Questions304033.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing"
   xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
   xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
   xmlns:local="clr-namespace:Questions304033"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   Title="MainWindow"
   Width="800"
   Height="450"
   Loaded="Window_Loaded"
   mc:Ignorable="d">
   <Window.Resources>
     <Storyboard x:Key="Storyboard1">
       <DoubleAnimationUsingKeyFrames Storyboard.TargetName="regularPolygon" Storyboard.TargetProperty="(UIElement.Opacity)">
         <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0" />
       </DoubleAnimationUsingKeyFrames>
       <DoubleAnimationUsingKeyFrames Storyboard.TargetName="regularPolygon1" Storyboard.TargetProperty="(UIElement.Opacity)">
         <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0" />
       </DoubleAnimationUsingKeyFrames>
       <ColorAnimationUsingKeyFrames Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
         <EasingColorKeyFrame KeyTime="0:0:1" Value="Orange" />
       </ColorAnimationUsingKeyFrames>
     </Storyboard>
   </Window.Resources>
   <Canvas>
     <Button Click="Button_Click" Content="リセット" />
     <ed:Callout
       x:Name="callout"
       Canvas.Left="447"
       Canvas.Top="15"
       Width="240"
-      Height="100"
+      Height="100"
       AnchorPoint="-0.1,1"
       CalloutStyle="Oval"
       Content="どこにピッタリはまるかな？"
-      Fill="#FFF4F4F5"
+      Fill="#FFF4F4F5"
-      Stroke="Black"
+      Stroke="Black"
       StrokeThickness="3" />
-    <ed:RegularPolygon
+    <ed:RegularPolygon
       Canvas.Left="126"
       Canvas.Top="270"
       Width="120"
       Height="120"
-      Fill="#FFF4F4F5"
+      Fill="#FFF4F4F5"
       InnerRadius="1"
       PointCount="6"
       Stretch="Fill"
-      Stroke="Black"
+      Stroke="Black"
       StrokeThickness="3" />
     <Rectangle
       x:Name="rectangle"
       Canvas.Left="368"
       Canvas.Top="280"
       Width="100"
-      Height="100"
+      Height="100"
-      Fill="#FFF4F4F5"
+      Fill="#FFF4F4F5"
       RenderTransformOrigin="0.5,0.5"
-      Stroke="Black"
+      Stroke="Black"
       StrokeThickness="3">
       <Rectangle.RenderTransform>
         <TransformGroup>
           <ScaleTransform />
           <SkewTransform AngleX="-26.666" />
           <RotateTransform />
           <TranslateTransform />
         </TransformGroup>
       </Rectangle.RenderTransform>
     </Rectangle>
-    <ed:RegularPolygon
+    <ed:RegularPolygon
       Canvas.Left="597"
       Canvas.Top="282"
       Width="120"
-      Height="100"
+      Height="100"
-      Fill="#FFF4F4F5"
+      Fill="#FFF4F4F5"
       InnerRadius="1"
       PointCount="5"
       Stretch="Fill"
-      Stroke="Black"
+      Stroke="Black"
       StrokeThickness="3" />
-    <ed:RegularPolygon
+    <ed:RegularPolygon
       x:Name="regularPolygon"
       Canvas.Left="100"
       Canvas.Top="70"
       Width="100"
-      Height="100"
+      Height="100"
       Fill="Orange"
       PointCount="3"
       RenderTransformOrigin="0.5,0.5"
-      Stroke="Black"
+      Stroke="Black"
       StrokeThickness="3">
       <i:Interaction.Behaviors>
         <ei:MouseDragElementBehavior
           x:Name="mouseDragElementBehavior"
           ConstrainToParentBounds="True"
           DragFinished="MouseDragElementBehavior_DragFinished" />
       </i:Interaction.Behaviors>
       <ed:RegularPolygon.RenderTransform>
         <TransformGroup>
           <ScaleTransform />
           <SkewTransform />
           <RotateTransform Angle="180" />
           <TranslateTransform />
         </TransformGroup>
       </ed:RegularPolygon.RenderTransform>
     </ed:RegularPolygon>
-    <ed:RegularPolygon
+    <ed:RegularPolygon
       x:Name="regularPolygon1"
       Canvas.Left="200"
       Canvas.Top="70"
       Width="100"
-      Height="100"
+      Height="100"
       Fill="Orange"
       PointCount="3"
-      Stroke="Black"
+      Stroke="Black"
       StrokeThickness="3">
       <i:Interaction.Behaviors>
         <ei:MouseDragElementBehavior
           x:Name="mouseDragElementBehavior1"
           ConstrainToParentBounds="True"
           DragFinished="mouseDragElementBehavior1_DragFinished" />
       </i:Interaction.Behaviors>
       <!--  ↓消したらダメ 恐らくMouseDragElementBehaviorがバグっていて挙動が変になる  -->
       <ed:RegularPolygon.RenderTransform>
         <TransformGroup>
           <ScaleTransform />
           <SkewTransform />
           <RotateTransform />
           <TranslateTransform />
         </TransformGroup>
       </ed:RegularPolygon.RenderTransform>
     </ed:RegularPolygon>
   </Canvas>
 </Window>
-```
+```
-```C#
+```cs
 using System;
 using System.Windows;
 using System.Windows.Input;
 using System.Windows.Media;
 using System.Windows.Media.Animation;
 namespace Questions304033
 {
     public partial class MainWindow : Window
     {
         private Transform transform; // ▼初期位置
         private Transform transform1;// ▲初期位置
         public MainWindow() => InitializeComponent();
         private void Window_Loaded(object sender, RoutedEventArgs e)
-        {
+        {
             // 三角の初期位置保存
             transform = regularPolygon.RenderTransform;
             transform1 = regularPolygon1.RenderTransform;
-        }
+        }
         private void Button_Click(object sender, RoutedEventArgs e)
-        {
+        {
             // 三角とひし形のアニメーションを止めて元に戻す
             var storyboard = FindResource("Storyboard1") as Storyboard;
             storyboard.Stop();
             // 三角の当たり判定を復活
             regularPolygon.IsHitTestVisible = true;
             regularPolygon1.IsHitTestVisible = true;
             // 三角を初期位置に戻す
             regularPolygon.RenderTransform = transform;
             regularPolygon1.RenderTransform = transform1;
-        }
+        }
         // ▼ドラッグ終了時
         private void MouseDragElementBehavior_DragFinished(object sender, MouseEventArgs e)
-        {
+        {
             var x = mouseDragElementBehavior.X;
             var y = mouseDragElementBehavior.Y;
             // 目標座標との差分
             var dx = Math.Abs(x - 492); // 注）回転しているためWidth Height分だけ増えてる？
             var dy = Math.Abs(y - 380);
             // 十分近ければ。。。
             if (dx < 20 && dy < 20)
-            {
+            {
                 // 三角を目標座標ピッタリに移動
                 mouseDragElementBehavior.X = 492;
                 mouseDragElementBehavior.Y = 380;
                 // 三角の当たり判定なくし移動できなくする
                 regularPolygon.IsHitTestVisible = false;
-            }
+            }
             // もし三角が2つともはまったらアニメーション開始
             if (!regularPolygon.IsHitTestVisible && !regularPolygon1.IsHitTestVisible)
-            {
+            {
                 var storyboard = FindResource("Storyboard1") as Storyboard;
                 storyboard.Begin();
-            }
+            }
-        }
+        }
         // ▲ドラッグ終了時
         private void mouseDragElementBehavior1_DragFinished(object sender, MouseEventArgs e)
-        {
+        {
             var x = mouseDragElementBehavior1.X;
             var y = mouseDragElementBehavior1.Y;
             var dx = Math.Abs(x - 342);
             var dy = Math.Abs(y - 282);
             if (dx < 20 && dy < 20)
-            {
+            {
                 mouseDragElementBehavior1.X = 342;
                 mouseDragElementBehavior1.Y = 282;
                 regularPolygon1.IsHitTestVisible = false;
-            }
+            }
             if (!regularPolygon.IsHitTestVisible && !regularPolygon1.IsHitTestVisible)
-            {
+            {
                 var sb = FindResource("Storyboard1") as Storyboard;
                 sb.Begin();
-            }
+            }
-        }
+        }
     }
 }
-```
+```
 参照の追加で下記の追加が必要です。
-```
+```
 C:\Program Files (x86)\Microsoft SDKs\Expression\Blend.NETFramework\v4.0\Libraries\Microsoft.Expression.Drawing.dll
 C:\Program Files (x86)\Microsoft SDKs\Expression\Blend.NETFramework\v4.0\Libraries\Microsoft.Expression.Interactions.dll
 C:\Program Files (x86)\Microsoft SDKs\Expression\Blend.NETFramework\v4.0\Libraries\System.Windows.Interactivity.dll
-```
+```
 xamlがごちゃごちゃして難しそうですが、`Blend For Visual Studio`で作成したのでほとんどマウス操作だけで済んでいます。
 ![アプリ画像](9ce0e5a7877391bc94f16d63ea913067.png)
 ---
 追記 回答コードを試す場合の手順
 新規ソリューションを`Questions304033`と名前をつけて作成（場所はどこでもＯＫ）
 ![新規ソリューション](9c18c2976595b4fa40a0b6a818398c5e.png)
 「ソリューション エクスプローラー」を開き「参照」を右クリック「参照の追加(R)...」を選択
 ![参照の追加](6e5a3ede9738292c636d2031e1151c00.png)
 参照マネージャーが開きます。「参照(E)...」ボタンを押す。
 ![参照マネージャー](0c06c081b8a35c740745d31bcab40e21.png)
 ファイル選択ダイアログが開くので↓まで移動し
-```
+```
 C:\Program Files (x86)\Microsoft SDKs\Expression\Blend.NETFramework\v4.0\Libraries
-```
+```
 `Microsoft.Expression.Drawing.dll`
 `Microsoft.Expression.Interactions.dll`
 `System.Windows.Interactivity.dll`
 の３つを`Ctrl`を押しながらクリック、
 「追加」ボタンを押し、ファイル選択ダイアログを閉じる。
 「OK」ボタンを押し、参照マネージャーを閉じる。
 ![ファイル選択ダイアログ](9221c53a71d038ced094ca94dfc9b6e4.png)
 「ソリューション エクスプローラー」の「参照」の中に、選択した３つが増えていれば成功です。
 ![参照](faefa3972fc5376debd44622e8e6c945.png)
 `MainWindow.xaml`・`MainWindow.xaml.cs`を、まるごとコピペで書き換えれば実行できます。

参照の追加

2020/11/16 02:50

投稿

TN8001

スコア9807

test CHANGED Viewed

@@ -513,3 +513,65 @@
 ![アプリ画像](9ce0e5a7877391bc94f16d63ea913067.png)
+---
+追記 回答コードを試す場合の手順
+新規ソリューションを`Questions304033`と名前をつけて作成（場所はどこでもＯＫ）
+![新規ソリューション](9c18c2976595b4fa40a0b6a818398c5e.png)
+「ソリューション エクスプローラー」を開き「参照」を右クリック「参照の追加(R)...」を選択
+![参照の追加](6e5a3ede9738292c636d2031e1151c00.png)
+参照マネージャーが開きます。「参照(E)...」ボタンを押す。
+![参照マネージャー](0c06c081b8a35c740745d31bcab40e21.png)
+ファイル選択ダイアログが開くので↓まで移動し
+```
+C:\Program Files (x86)\Microsoft SDKs\Expression\Blend.NETFramework\v4.0\Libraries
+```
+`Microsoft.Expression.Drawing.dll`
+`Microsoft.Expression.Interactions.dll`
+`System.Windows.Interactivity.dll`
+の３つを`Ctrl`を押しながらクリック、
+「追加」ボタンを押し、ファイル選択ダイアログを閉じる。
+「OK」ボタンを押し、参照マネージャーを閉じる。
+![ファイル選択ダイアログ](9221c53a71d038ced094ca94dfc9b6e4.png)
+「ソリューション エクスプローラー」の「参照」の中に、選択した３つが増えていれば成功です。
+![参照](faefa3972fc5376debd44622e8e6c945.png)
+`MainWindow.xaml`・`MainWindow.xaml.cs`を、まるごとコピペで書き換えれば実行できます。