Q&A
コードを張り付ける際は ``` を使用してください
C#_図形移動の件について
・現状
青の図形のが無数に並列しており、マウスが図形に重複すると
図形が青→赤に変更するようになってます。
・質問
赤に変わった際マウスで移動させると赤の図形も移動するようにしたい。
・mouseup,mousedouwnを使用するのは把握しているのですが
以後が分かりません。そのあたりどのように展開していったらいいのか
ご教授頂けたら幸いです。宜しくお願い致します。
・現在のソースコード
”
namespace C
{
public partial class Form1 : Form
{ // 四角形の座標List List<Rectangle> _rects = new List<Rectangle>(); // 赤枠になっている四角形の座標List List<Rectangle> _prev = new List<Rectangle>(); bool _isDraging = false; Point? _diffPoint = null; public Form1() { InitializeComponent(); } private void Form1_Load(object sender, EventArgs e) { Bitmap canvas = new Bitmap(pictureBox1.Width, pictureBox1.Height); using (Graphics g = Graphics.FromImage(canvas)) using (Pen pen = new Pen(Color.Blue)) { Random rnd = new Random(); for (int i = 0; i < 50; i++) { int x = rnd.Next(i, i); int y = rnd.Next(i, i); Rectangle r = new Rectangle(x, y, 100, 100); g.DrawRectangle(pen, r); _rects.Add(r); } } pictureBox1.Image = canvas; } private void pictureBox1_Click(object sender, EventArgs e) { } private void pictureBox1_MouseMove(object sender, MouseEventArgs e) { { List<Rectangle> hitRects = _rects.AsEnumerable() .Where(v => v.X <= e.X && v.Y <= e.Y && (v.X + v.Width) >= e.X && (v.Y + v.Height) >= e.Y) .Select(v => v) .ToList(); if (hitRects.Count > 0) { using (Graphics g = Graphics.FromImage(pictureBox1.Image)) { if (_prev.Count() > 0) { using (Pen pen = new Pen(Color.Blue)) { // 前回描画した赤枠を青枠に戻す foreach (Rectangle r in _prev) { g.DrawRectangle(pen, r); } } } using (Pen pen = new Pen(Color.Red)) { // 赤枠四角描画 foreach (Rectangle r in hitRects) { g.DrawRectangle(pen, r); } } // 今回描画した赤枠座標を保存 _prev = hitRects; // PictureBox更新 pictureBox1.Refresh(); } } } } private void pictureBox1_MouseDown(object sender, MouseEventArgs e) { if (e.Button != MouseButtons.Left) { return; } Cursor.Current = Cursors.Hand; _isDraging = true; _diffPoint = e.Location; { List<Rectangle> hitRects = _rects.AsEnumerable() .Where(v => v.X <= e.X && v.Y <= e.Y && (v.X + v.Width) >= e.X && (v.Y + v.Height) >= e.Y) .Select(v => v) .ToList(); if (hitRects.Count > 0) { using (Graphics g = Graphics.FromImage(pictureBox1.Image)) { using (Pen pen = new Pen(Color.Red)) { // 赤枠四角描画 foreach (Rectangle r in hitRects) { g.DrawRectangle(pen, r); g.TranslateTransform(120, 0); } } } // 今回描画した赤枠座標を保存 _prev = hitRects; // PictureBox更新 pictureBox1.Refresh(); } } }
private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
{
List<Rectangle> hitRects = _rects.AsEnumerable()
.Where(v =>
v.X <= e.X && v.Y <= e.Y &&
(v.X + v.Width) >= e.X && (v.Y + v.Height) >= e.Y)
.Select(v => v)
.ToList();
if (hitRects.Count > 0) { using (Graphics g = Graphics.FromImage(pictureBox1.Image)) { if (_prev.Count() > 0) { using (Pen pen = new Pen(Color.Blue)) { // 前回描画した赤枠を青枠に戻す foreach (Rectangle r in _prev) { g.DrawRectangle(pen, r); } } } using (Pen pen = new Pen(Color.Red)) { // 赤枠四角描画 foreach (Rectangle r in hitRects) { g.DrawRectangle(pen, r); g.TranslateTransform(0, 120); } } // 今回描画した赤枠座標を保存 _prev = hitRects; // PictureBox更新 pictureBox1.Refresh(); } } } } private void pictureBox1_Paint(object sender, PaintEventArgs e) { } } }
回答1件
0
ベストアンサー
マウスドラッグによる移動は概ね以下のような方法になると思います。
- PictureBox内でのMouseDown
押された位置と異動対象の図形を覚える。このとき図形の色を赤に変える
- PictureBox内でのMouseMove
直前のマウス位置から現在のマウス位置の差分を移動距離とし、その分だけ各図形を移動。単にマウスを移動させた場合でもドラッグの場合でも両方このイベントが発生してしまうのでハンドラーの中でマウスボタンの状態をチェックしてドラッグであることの確認が必要のようですね(すみません自分も詳しくないので)
なおもちろんこのイベントで通知されるマウス位置は時間のために覚えておきます。
- PictureBox内でのMouseUp
異動対象の図形の色を青に戻すなど必要な後始末をする。自分の場合は最後に起こったMoveMoveとMouseUpでマウスの位置が微妙に違うこともあるかもしれないと考えるので一応MouseUpでもMouseMoveと同様の移動処理もやっておきますが、そこまでは必要ないのかも知れません。
これらの処理に必要な情報は「直前のマウスの位置」「異動対象の図形がどれか」といったものになるのでフォームのフィールドとして用意しておけばよいと思います。
- アニメーションの基本的な(やさしい)方法(既にご存知ならスルーしてください)
描画する対象の図形の状態(位置や色)を変えたらその都度その図形を直接書き直すというのはややこしい処理になります。元の位置に書かれていた四角形を消して新たな場所に書くだけだと元の位置と重なる位置に他の四角形があった場合どうするか等々複雑なことを考えなければならないからです。こうした場合の一般的方法として位置や色などを必要な情報を更新したらPictureBox.Invalidate()を呼び出して、「もう一回書き直してね」といってやるのがよいと思います。
なお、図形の移動の実装には直接関係ないのですが、四角形に色々な操作を付け加えるためにオブジェクトとしてまとめた方がよいと思います。機能を追加していくにつれ必要な情報があちこちに散らばってきてわかりにくくなるので、「四角形」を単なるRectangleではなく「PictureBox上に存在するある位置・大きさ・色をもった操作可能な図形」と捉えそれをクラスとして定義すれば、そうしない場合に比べてわかりやすくなるでしょう。
やりたいことによってクラスの定義はいろいろ考えられますが素朴な例を以下に挙げてみます。なお、ドラッグの詳細な実装は含んでいません。また各メンバーのアクセス修飾子やイベントの設定は適宜ご自分で補ってください。
C#
1// あるPixcureBoxのImageの中に存在する、移動可能な四角形を表現するクラス 2public class SquareShape { 3 PictureBox Owner; // 描画する先のPictureBox 4 Rectangle Bounds; // 位置と大きさ 5 Color FillColor; // 色 6 7 // 初期位置や色を与えてインスタンスを作る。 8 public SquareShape(PictureBox owner, int x, int y, Color fillColor) { ... } 9 10 public bool Contains(Point p) { ... } // 点がこの四角形の内側にあるかテスト 11 public void Draw(Graphics g) { ... } // 描画するpictureBox1_Paint用 12 // 図形の状態を変えるメソッド群 13 // 状態を変えるとPictureBoxの再描画が必要になるので各メソッドの中で 14 // owner.Invalidated()を呼び出す。実際の描画は全てpictureBox1_Paintにまかせる 15 public void Move(int dx, int dy) { // 現在の位置からdx,dyだけ移動 16 bounds = new Rectangle(bounds.x + dx, bounds.y + dy, bounds.Width, bounds.Height); 17 owner.Invalidate(); 18 } 19 public void SetColor(Color color) { // 色を変える 20 this.fillColor = color; 21 owner.Invalidate(); 22 } 23 ... 24} 25... 26class Form1 ... { 27 List<SquareShape> shapeList; 28 29 void Form1_Load(...) { 30 ... 31 var rnd = new Random(); 32 shapeList = Enumerable.Range(0, 50) 33 .Select(dummy => { 34 // オリジナルコードでは図形位置がランダムになってないので若干変更してます 35 var x = rnd.Next(0, pictureBox1.Width - 100); // 簡単のため100と直接書いてます 36 var y = rnd.Next(0, picutreBox1.Height - 100); 37 return new SquareShape(picuteBox1, x, y, Color.Blue); 38 }) 39 .ToList(); 40 pictureBox1.Image = new Bitmap(pictureBox1.Width, pictureBox1.Height); 41 pictureBox1.Invalidate(); // ここでは必要ないかも 42 } 43 44 Point lastMouseLocation; // 直前のMouseDown/MoveMoveでのマウス位置 45 List<SquareShape> draggingShapes; // 異動対象の図形リスト 46 47 void pictureBox1_MouseDown(...) { 48 ... 全部の図形からマウス位置にあるものを探しそれを覚える。それらの色を赤に変える。 49 } 50 51 void pictureBox1_MouseMove(object sender, MouseEventArgs e) { 52 if (e.Button == MouseButtons.Left) { // 左ボタンでドラッグするならこのように 53 ... 異動対象の図形の位置をマウス位置に従い移動する(SquareShape.Moveで) 54 } 55 } 56 57 void pictureBox1_MouseUp(...) { 58 ... 移動対象の図形の色を青に戻すなどの後始末 59 } 60 61 // PictureBoxのInvalidateを呼び出すと適当なタイミングでこのハンドラーが呼ばれる 62 // 複数の図形の状態を変更してInvalidateを複数回読んでもこのハンドラーは１回しか 63 // 呼ばれませんので何度も何度も無駄に書き直すといったことになる心配はありません 64 void pictureBox1_Paint(...) { 65 Graphics g = Graphics.Graphics.FromImage(pictureBox1.Image); 66 g.Clear(pictureBox1.BackColor); 67 foreach (var sq in shapeList) { 68 sq.Draw(g); 69 } 70 } 71}
投稿2016/10/08 06:56
総合スコア18394
あなたの回答
tips
プレビュー
