Controls.Add(happyBox);
}
}
Кроме свойства Image, нам будет интересно только свойство SizeMode, для которого используются значения перечня PiсtureBoxSizeMode. Этот тип используется для контроля того, как соответствующее изображение должно отображаться в рамках рабочего прямоугольника PictureBox. Здесь мы используем PictureBoxSizeMode.StretchImage, означающее то, что изображение следует растянуть на всю заданную типом PictureBox область (которая в данном случае имеет размеры 50×50 пикселей).
Следующей задачей является обработка событий MouseMove.MouseUр и MouseDown для члена-переменной PictureBox с помощью вполне стандартного синтаксиса обработки событий C#.
public MainForm() {
…
// Добавление обработчиков для ряда событий.
happyBox.MouseDown += new MouseEventHandler(happyBox_MouseDown);
happyBox.MouseUp += new MouseEventHandler(happyBox_MouseUp);
happyBox.MouseMove += new MouseEventHandler(hарруВох_MouseMove);
Controls.Add(happyBox);
InitializeComponent();
}
Обработчик событий MouseDown сохраняет поступающие на вход значения координат (х, у) местоположения указателя в двух членах-переменных (oldX и oldY) для использования в дальнейшем, а также устанавливает значение true (истина) для члена-переменной (isDragging) типа System.Boolean, когда происходит перетаскивание. Добавьте эти члены-переменные в форму и реализуйте обработчик события MouseDown так, как предлагается ниже.
private void happyBox_MouseDown(object sender, MouseEventArgs e) {
isDragging = true;
oldX = e.X;
oldY = e.Y;
}
Обработчик события MouseMove просто изменяет местоположение PictureBox (с помощью свойств Тор и Left), в зависимости от сдвига положения указателя по сравнению со значениями, полученными при обработке события MouseDown.
private void happyBox_MouseMove(object sender, MouseEventArgs e) {
if (isDragging) {
// Необходимо для вычисления нового значения Y в зависимости
// от того, где была нажата кнопка мыши.
happyBox.Top = happyBox.Top + (e.Y – oldY);
// То же для X (используя в качестве основы oldX).
happyBox.Left = happyBox.Left + (e.X – oldX);
}
}
Обработчик события MouseUp устанавливает для isDragging значение false (ложь), чтобы сигнализировать об окончаний операции перетаскивания. Кроме того, если событие MouseUp происходит в тот момент, когда PictureBox содержится в пределах отображаемого средствами GDI+ Rectangle, мы будем считать, что пользователь победил в этой (очень примитивной) игре. Сначала добавьте в класс Form член Rectangle (с именем dropRect и заданными размерами).
public partial class MainForm: Form {
private PictureBox happyBox = new PictureBox();
private int oldX, oldY;
private bool isDragging;
private Rectangle dropRect = new Rectangle(100, 100, 140, 170);
…
}
Обработчик события MouseUp теперь можно реализовать так.
private void happyBox_MouseUp(object sender, MouseEventArgs e) {
isDragging = false;
// Находится ли указатель внутри заданного прямоугольника?
if (dropRect.Contains(happyBox.Bounds)) MessageBox.Show("Вы победили!", "Этот сладкий вкус умения…");
}
Наконец, в рамках обработки события Paint нужно отобразить в форме прямоугольную область (заданную переменной dropRect).
private void MainForm_Paint(object sender, PaintEventArgs e) {
// Отображение целевого прямоугольника.
Graphics g = e.Graphics;
g.FillRectangle(Brushes.AntiqueWhite, dropRect);
// Вывод инструкции.
g.DrawString("Тащите этого парня сюда!", new Font("Times New Roman", 25), Brushes.Red, dropRect);
}
Запустив свое приложение, вы увидите окно, подобное показанному на рис. 20.19.
Рис. 20.19. Увлекательная игра "Счастливый пижон"
Если вы сделаете все, что требуется для победы в игре, вы увидите окно "восхваления", показанное на рис. 20.20.
Рис 20.20. У вас железные нервы!
Исходный код. Проект DraggingImages размещен в подкаталоге, соответствующем главе 20.
Проверка попадания в область изображения
Проверить попадание в область типа, производного от Control (например, типа PictureBox очень просто, поскольку такой тип может сам отвечать на события мыши. Но что делать в том случае, когда нужно выполнять проверку попадания в область геометрического шаблона, отображенного на поверхности формы?
Для иллюстрации соответствующего процесса давайте снова рассмотрим предыдущее приложение BasicImages, чтобы наделить его некоторыми дополнительными возможностями. Нашей целью является выявление того, что пользователь щелкнул на одном из трех изображений. Выяснив, на каком именно изображении был выполнен щелчок, мы с помощью изменения свойства Text формы выделяем это изображение рамкой шириной в 5 пикселей.
Первым шагом должно быть определение нового множества членов-переменных типа Form, представляющих объекты Rectangle, для которых будет выполняться регистрация события MouseDown. При наступлении такого события нужно программно выяснить, находятся ли поступающие координаты (x, y) в рамках границ объектов Rectangle, используемых для визуализации объектов Image. Выяснив, что пользователь щелкнул на изображении, мы должны установить приватную булеву переменную (isImageClicked) равной true (истина) и указать, какое изображение было выбрано, используя для этого другую переменную и соответствующее значение из пользовательского перечня ClickedImage, определенного следующим образом.
enum ClickedImage {
ImageA, ImageB, ImageC
}
С учетом сказанного, вот как может выглядеть исходная модификация нашего класса формы.
public partial class MainForm: Form {
private Bitmap[] myImages = new Bitmap(3];
private Rectangle[] imageRects = new Rectangle[3];
private bool isImageClicked = false;
ClickedImage imageClicked = ClickedImage.ImageA;
public MainForm() {
…
// Установка прямоугольников.
imageRects[0] = new Rectangle(10, 10, 90, 90);
imageRects[1] = new Rectangle(10, 110, 90, 90);
imageRects[2] = new Rectangle (10, 210, 90, 90);
}
private void MainForm_MouseDown(object sender, MouseEventArgs e) {
// Получение координат (х, у) щелчка.
Point mousePt = new Point(e.X, e.Y);
// Проверка попадания указателя в любой из прямоугольников.
if (imageRects[0].Contains(mousePt)) {
isImageClicked = true;
imageClicked = ClickedImage.ImageA;
this.Text = "Вы щелкнули на изображении А";
} else if (imageRects[1].Contains(mousePt)) {
isImageClicked = true;
imageClicked = Clickedlmage.ImageB;
this.Text = "Вы щелкнули на изображении В";
} else if (imageRects[2].Contains(mousePt)) {
isImageClicked = true;
imageClicked = ClickedImage.ImageC;
this.Text = "Вы щелкнули на изображении C";
} else { // Попадания не обнаружено, использовать умолчания.
isImageClicked = false;
this.Text = "Проверка попаданий в зону изображения";
}
// Обновление области клиента.
Invalidate();
}
}
Обратите внимание на то, что при последней проверке член-переменная isImagеCliсked устанавливается равной false (ложь), поскольку пользователь не выполнил щелчка ни одном из трех изображений. Это важно, если вы хотите удалить контур у ранее выделенного изображения. После проверки всех элементов область клиента обновляется. Вот как выглядит модифицированный обработчик Paint.
private void MainForm_Paint(object sender, PaintEventArgs e) {
Graphics g = e.Graphics;
// Визуализация изображений.
…
// Прорисовка контура (при щелчке в соответствующем месте)
if (isImageClicked == true) {
Pen outline = new Pen(Color.Tomato, 5);
switch (imageClicked) {
case ClickedImage.ImageA:
g.DrawRectangle(outline, imageRects[0]);
break;
case Clickedlmage.ImageB:
g.DrawRectangle(outline, imageRects[1]);
break;
case ClickedImage.ImageC:
g.DrawRectangle(outline, imageRects[2]);
break;
default:
break;
}
}
}
В данный момент вы уже можете запустить свое приложение и убедиться в том, что контур появляется вокруг каждого изображения, на котором был выполнен щелчок (и что никакого контура не появляется, когда вы щелкаете за пределами этих изображений).
Проверка попадания в область, отличную от прямоугольной
Теперь давайте выясним, как выполнить проверку попадания в область, форма которой отличается от прямоугольника? Предположим, что вы обновили свое приложение так, что теперь в нем отображается геометрический шаблон неправильной формы, и при щелчке на этом шаблоне его тоже требуется выделить с помощью контура (рис. 20.21).
