質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

.NET Framework

.NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

3649閲覧

WPFのCanvas上にドラッグ(フリーハンド)で線を描画する際にNullReferenceExceptionが発生してしまう。

galmacher

総合スコア37

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

.NET Framework

.NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

0グッド

0クリップ

投稿2018/09/29 15:09

前提・実現したいこと

C#(WPF)にて、Canvas上にPathGeometryを表示させ、
その上からフリーハンドで線が描ける簡単なお絵かきアプリを作成しています。

発生している問題・エラーメッセージ

Path要素をそのままCanvasに描画すると図形が大きく入りきらないため、
viewbox(300,300)の子要素としてCanvas(3000,3000)を配置してみました。
その結果、PathのFill要素に何かしらの色を指定した際に
NullReferenceExceptionが発生してしまうようになりました。
(下記ソースのpath.Fill = Brushes.Black;をコメントアウトすると正常動作)

Fillプロパティに色を指定しつつ、問題に対処する方法についてお心当たりのある方のご指摘をお待ちしております。

【MyPolyline.Points.Add(e.GetPosition(canvas));にて発生】 System.NullReferenceException: 'オブジェクト参照がオブジェクト インスタンスに設定されていません。' MyPolyline が null でした。

該当のソースコード

xaml

1 <Grid> 2 <Viewbox Name="viewbox" Height="300" Width="300" Stretch="Uniform" > 3 <Canvas Name="canvas" HorizontalAlignment="Stretch" Height="3000" VerticalAlignment="Stretch" Width="3000" Background="Transparent" MouseLeftButtonDown="canvas_MouseLeftButtonDown" MouseLeftButtonUp="canvas_MouseLeftButtonUp" MouseMove="canvas_MouseMove" > 4 </Canvas> 5 </Viewbox> 6 </Grid>

C#

1namespace CanvasTest 2{ 3 /// <summary> 4 /// MainWindow.xaml の相互作用ロジック 5 /// </summary> 6 public partial class MainWindow : Window 7 { 8 bool IsDrawing = false; 9 Polyline MyPolyline; 10 List<Polyline> MyListPolyline = new List<Polyline>(); 11 12 public MainWindow() 13 { 14 InitializeComponent(); 15 16 System.Windows.Shapes.Path path = new System.Windows.Shapes.Path(); 17 var data = "M0 00 H 5000 V 5000 H 100 L 100 100"; 18 var geometry = Geometry.Parse(data); 19 var pathgeometry = PathGeometry.CreateFromGeometry(geometry); 20 path.Data = pathgeometry; 21 path.Stroke = Brushes.Black; 22 path.Fill = Brushes.Black; 23 canvas.Children.Add(path); 24 25 26 canvas.MouseMove += canvas_MouseMove; 27 canvas.MouseLeftButtonDown += canvas_MouseLeftButtonDown; 28 canvas.MouseLeftButtonUp += canvas_MouseLeftButtonUp; 29 } 30 31 private void canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) 32 { 33 if (IsDrawing == true) 34 { 35 IsDrawing = false; 36 canvas.ReleaseMouseCapture(); 37 MyPolyline.Tag = MyPolyline.Points; 38 39 if (MyPolyline.Points.Count == 0) 40 { 41 MyListPolyline.Remove(MyPolyline); 42 canvas.Children.Remove(MyPolyline); 43 } 44 } 45 } 46 47 private void canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) 48 { 49 IsDrawing = true; 50 canvas.CaptureMouse(); 51 MyPolyline = new Polyline(); 52 MyPolyline.Stroke = Brushes.Blue; 53 MyPolyline.StrokeThickness = 20; 54 MyPolyline.StrokeLineJoin = PenLineJoin.Round; 55 MyListPolyline.Add(MyPolyline); 56 canvas.Children.Add(MyPolyline); 57 } 58 59 private void canvas_MouseMove(object sender, MouseEventArgs e) 60 { 61 if (e.LeftButton == MouseButtonState.Pressed && IsDrawing == true) 62 { 63 MyPolyline.Points.Add(e.GetPosition(canvas)); 64 } 65 } 66 } 67}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

MyPolyline が初期化されるのはマウスの左ボタンが押された時なので、それ以前にマウスを動かすと例外が発生します。
#追記

次のようにして実行してみると、MouseLeftButtonDown3 が書き込まれる前に canvas_MouseMove に処理が移っていました。
path.Fill との関連はわかりませんが、おそらくは何らかの条件のもと、canvas.CaptureMouse() の処理の中で MouseMove が起こるような処理がされているのだと思います。

C#

1private void canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) 2{ 3 Debug.WriteLine("MouseLeftButtonDown1"); 4 IsDrawing = true; 5 Debug.WriteLine("MouseLeftButtonDown2"); 6 canvas.CaptureMouse(); 7 Debug.WriteLine("MouseLeftButtonDown3"); 8 MyPolyline = new Polyline(); 9 Debug.WriteLine("MouseLeftButtonDown4"); 10 MyPolyline.Stroke = Brushes.Blue; 11 Debug.WriteLine("MouseLeftButtonDown5"); 12 MyPolyline.StrokeThickness = 20; 13 Debug.WriteLine("MouseLeftButtonDown6"); 14 MyPolyline.StrokeLineJoin = PenLineJoin.Round; 15 Debug.WriteLine("MouseLeftButtonDown7"); 16 MyListPolyline.Add(MyPolyline); 17 Debug.WriteLine("MouseLeftButtonDown8"); 18 canvas.Children.Add(MyPolyline); 19 Debug.WriteLine("MouseLeftButtonDown9"); 20}

次のように IsDrawing = true を最後に置くことで正常動作しました。

C#

1private void canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) 2{ 3 canvas.CaptureMouse(); 4 MyPolyline = new Polyline(); 5 MyPolyline.Stroke = Brushes.Blue; 6 MyPolyline.StrokeThickness = 20; 7 MyPolyline.StrokeLineJoin = PenLineJoin.Round; 8 MyListPolyline.Add(MyPolyline); 9 canvas.Children.Add(MyPolyline); 10 IsDrawing = true; 11}

投稿2018/09/29 23:15

編集2018/09/30 06:24
Zuishin

総合スコア28656

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

galmacher

2018/09/30 02:47

お忙しいところご回答感謝いたします。ただ、二つ質問させてください。 ・IsDrawingというboolのフラグを用いて、マウス左クリックされるまではMouseMoveが動かないように制御している(つもり)です。 ・path.Fillを指定すれば例外が発生し、指定しなければ正常動作する因果関係が分かりません。
Zuishin

2018/09/30 06:24

読み方が浅かったようです。問題を確認して追記しました。
galmacher

2018/09/30 06:46

CaptureMouse内でMouseMoveイベントが発生しているのですね…。 CaptureMouse()内の処理は調べてみます。 解決策と、検証方法を含めて勉強になりました。ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問