■No29976に返信(Ryoさんの記事)
> とりあえずは右端をドラッグして左右に動かす
手抜き実装だと、こういう手もありますけれどね。
private Form childForm;
private PictureBox pictureBox1;
public Form1()
{
//InitializeComponent();
//this.AutoScroll = true;
childForm = new Form();
childForm.FormBorderStyle = FormBorderStyle.SizableToolWindow;
childForm.ControlBox = false;
childForm.TopLevel = false;
childForm.SetBounds(50, 50, 50, 50);
pictureBox1 = new PictureBox();
pictureBox1.BackColor = Color.Transparent;
pictureBox1.BorderStyle = BorderStyle.Fixed3D;
pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
pictureBox1.Dock = DockStyle.Fill;
pictureBox1.Image = this.Icon.ToBitmap();
childForm.Controls.Add(pictureBox1);
this.Controls.Add(childForm);
childForm.Visible = true;
}
これに
http://dobon.net/vb/dotnet/form/moveform.html
を組み合わせると、移動やリサイズも可能です。
■No29977に追記(魔界の仮面弁士の記事)
> これに
> http://dobon.net/vb/dotnet/form/moveform.html
> を組み合わせると、移動やリサイズも可能です。
上記 URL にある WM_NCHITTEST 案を用いて、
ドラッグでリサイズ可能な PictureBox を作ってみました。
PictureBox 自体がリサイズされるので、SizeMode は
StretchImage あたりに設定しておいてください。
public partial class ResizablePictureBox : PictureBox
{
protected override void WndProc(ref Message m)
{
base.WndProc(ref m);
if (DesignMode) return;
const int WM_NCHITTEST = 0x84;
if (m.Msg != WM_NCHITTEST) return;
Point pos = new Point(m.LParam.ToInt32());
int bw = SystemInformation.FrameBorderSize.Width;
int bh = SystemInformation.FrameBorderSize.Height;
if (m.Result == (IntPtr)HitTest.Client)
{
m.Result = (IntPtr)HitTest.Caption;
}
if (RectangleToScreen(new Rectangle(0, 0, bw, bw)).Contains(pos))
m.Result = (IntPtr)HitTest.Caption;
else if (RectangleToScreen(new Rectangle(Width - bw, 0, bw, bh)).Contains(pos))
m.Result = (IntPtr)HitTest.TopRight;
else if (RectangleToScreen(new Rectangle(0, Height - bh, bw, bh)).Contains(pos))
m.Result = (IntPtr)HitTest.BottomLeft;
else if (RectangleToScreen(new Rectangle(Width - bw, Height - bh, bw, bh)).Contains(pos))
m.Result = (IntPtr)HitTest.BottomRight;
else if (RectangleToScreen(new Rectangle(0, 0, Width, bw)).Contains(pos))
m.Result = (IntPtr)HitTest.Top;
else if (RectangleToScreen(new Rectangle(0, bw, Width, bh)).Contains(pos))
m.Result = (IntPtr)HitTest.Caption;
else if (RectangleToScreen(new Rectangle(0, 0, bw, Height)).Contains(pos))
m.Result = (IntPtr)HitTest.Left;
else if (RectangleToScreen(new Rectangle(Width - bw, 0, bw, Height)).Contains(pos))
m.Result = (IntPtr)HitTest.Right;
else if (RectangleToScreen(new Rectangle(0, Height - bh, Width, bh)).Contains(pos))
m.Result = (IntPtr)HitTest.Bottom;
else
m.Result = (IntPtr)HitTest.Caption;
}
enum HitTest
{
Left = 10,
Right = 11,
Top = 12,
TopLeft = 13,
TopRight = 14,
Bottom = 15,
BottomLeft = 16,
BottomRight = 17,
Border = 18,
Error = -2, // ビープ音ありのNoWhere
Transparent = -1, // 他のウィンドウに覆い隠されている部分
NoWhere = 0, // 背景またはウィンドウ枠
Client = 1, // クライアントエリア
Caption = 2, // タイトルバー
SysMenu = 3, // システムメニュー
SizeBox = 4, // サイズボックス
Menu = 5, // メニュー
HScroll = 6, // 水平スクロールバー
VScroll = 7, // 垂直スクロールバー
MinButton = 8, // 最小化ボタン
MaxButton = 9, // 最大化ボタン
Close = 20, // [閉じる]ボタン
Help = 21, // ヘルプボタン
}
}
■No29976に返信(Ryoさんの記事)
> PictureBox.SizeMode = AutoSizeとしています。
> Imageをリサイズしてしまうとそれに伴って表示画像もリサイズされてしまいますよね？
AutoSize なのですよね? たとえ
pictureBox1.Width *= 2;
pictureBox1.Height *= 2;
などとしても、表示画像はリサイズされないと思いますが…。
リサイズ時の画像表示結果については、Image の使い方にもよりますし、
SizeMode の指定によっても変わります。
画面構成がイメージしきれていないので、認識のずれがあるかも知れませんが、
Image のサイズと、表示する画像を同じサイズにする必要は無いかも知れません。
// 以下、素の Panel に直接描画しているので、ちょっとちらつきます。
// 必要に応じて、PictureBox などを併用してみてください。
public partial class Form1 : Form
{
Image sourceImage; // 元画像
Panel panel1; // スクロールエリア
bool dragging;
Point mousePos1, mousePos2;
public Form1()
{
InitializeComponent();
// 表示させる画像
using (BinaryWriter bw = new BinaryWriter(new MemoryStream()))
{
bw.Write(File.ReadAllBytes(@"C:\temp\sample.png"));
bw.Flush();
sourceImage = Image.FromStream(bw.BaseStream);
}
// this.DoubleBuffered = true;
Padding = new Padding(8);
panel1 = new Panel();
panel1.BorderStyle = BorderStyle.Fixed3D;
panel1.Dock = DockStyle.Fill;
panel1.AutoScroll = true;
Controls.Add(panel1);
Control ctrl = new Control();
ctrl.TabStop = false;
// スクロールさせる領域の大きさ
// (元画像のサイズにするか、固定値にするかはお好みで)
ctrl.SetBounds(1000, 1000, 0, 0);
panel1.Controls.Add(ctrl);
#region ドラッグ
panel1.MouseDown += delegate(object o, MouseEventArgs arg)
{
dragging = true;
mousePos1 = mousePos2 = Point.Add(panel1.PointToClient(MousePosition), new Size(panel1.AutoScrollOffset));
panel1.Invalidate();
};
panel1.MouseMove += delegate(object o, MouseEventArgs arg)
{
if (dragging)
{
mousePos2 = Point.Add(panel1.PointToClient(MousePosition), new Size(panel1.AutoScrollOffset));
panel1.Invalidate();
}
};
panel1.MouseUp += delegate(object o, MouseEventArgs arg)
{
mousePos2 = Point.Add(panel1.PointToClient(MousePosition), new Size(panel1.AutoScrollOffset));
dragging = false;
panel1.Invalidate();
};
#endregion
#region 描画
panel1.Paint += delegate(object o, PaintEventArgs arg)
{
Size sz = new Size(sourceImage.Width / 2, sourceImage.Height / 2);
arg.Graphics.DrawImage(sourceImage, new Rectangle(panel1.AutoScrollPosition, sz));
if (dragging)
{
Rectangle dragArea = new Rectangle(
Math.Min(mousePos1.X, mousePos2.X),
Math.Min(mousePos1.Y, mousePos2.Y),
Math.Abs(mousePos1.X - mousePos2.X),
Math.Abs(mousePos1.Y - mousePos2.Y));
if (dragArea.Width > 0 && dragArea.Height > 0)
{
ControlPaint.DrawFocusRectangle(arg.Graphics, dragArea);
}
}
};
#endregion
}
}
分類:[.NET]
2012/02/28(Tue) 21:14:26 編集(投稿者)
2012/02/28(Tue) 21:14:15 編集(投稿者)
【解決したい問題】
「スクロールバーを付けて画像を表示する」
http://dobon.net/vb/dotnet/graphics/scrollimage.html
の方式で画像を表示しましたが、
マウスのドラッグ操作で、画像表示をリサイズするためのガイド枠を表示したいです。
そのために、
- Mouseイベントはどのコントロール（Panel？PictureBox？両方？）で拾うべきか？
- 枠（Graphics.DrawRectangle() を使用することを想定しています）はどのイベントで描画するべきか？
についてご教示いただきたいです。
そもそも、元のページの方式ではやりたいことが実現できないということであれば、そのような指摘でも構いません。
【解決するために何をしたか】
- MouseDownイベントで、枠線を描画するようにしましたが、Panelでイベントを拾った場合、画像の上（PictureBox内）ではハンドルできませんでした
- PictureBox.Imageへ枠線を描画しましたが、拡大時（PictureBoxの外側へマウスを移動）には描画できませんでした（当たり前）
- Panel.Paintで、Panelに対して枠線を描画してみましたが、PictureBoxの下に描画されてしまっているようで、見えませんでした。
【追加事項】
- Panelに描画したものを、PictureBoxの上へ表示（背景の透過率100%とかで）することはできないものでしょうか？
2012/02/28 21:13修正しました