Конструкции, реализованные в программе

Это оконное приложение использует множество функций и методов для графического интерфейса программы. Так как нам постоянно приходится получать координаты щелчка, рисовать линии, эллипсы, прямоугольники, закрашивать в разные цвета. Также нам потребовались такие компоненты как pictureBox, Button, Edit, Label.

Компонент Button находится на вкладке панель управления, стандартные элементы управления. Этот компонент создает на форме, на которой он помещен, элемент «кнопка», который надо нажимать щелчком левой кнопки мыши. Этот компонент обладает свойствами, определяющими его поведение. Нам понадобится свойство Text. В него помещается название кнопки. И событие Click, которое возникает, когда на кнопке щелкают мышью. Компонент Label находится на вкладке на вкладке панель управления, стандартные элементы управления. Этот компонент выводит на форму текст, который пользователь в режиме исполнения приложения не может редактировать. Этот текст может использоваться как метка к другому компоненту и может устанавливать фокус компонента, когда пользователь нажимает горячую клавишу на клавиатуре.

Компонент Edit находится на вкладке на вкладке панель управления, стандартные элементы управления. Этот компонент задает в форме однострочное редактируемое поле: через этот компонент вводят и выводят строчные данные. Нам понадобится его свойство Text. В нем задается текст, который мы видим в поле компонента.

Компонент pictureBox на вкладке на вкладке панель управления, стандартные элементы управления. Через этот компонент в форму выводится графическое изображение. Мы будем пользоваться свойством BackColor. Это битовая карта плоскости для рисования на ней различных изображений. Это свойство само является классом со своими свойствами и методами, позволяющими рисовать изображение.

private void pictureBox1_Paint (object sender, PaintEventArgs e).

{.

Graphics g = e. Graphics;

// рисуем линию.

g. DrawLine (new Pen (Color.Black, 1), 1, 1, 100, 100);

}.

Данный пример соединит две точки с координатами (1,1) и (100,100) линией черного цвета в толщину 1 пиксель. На основе данных знаний нарисуем 11 горизонтальных и вертикальных линий которые будут составлять сетку для нашего приложения. Для упрощения процесса разработки выберем ширину и высоту доски равной в 400 пикселей. Для этого в визуальном редакторе изменим атрибут size у pictureBox1 на 401×401 пикселей. В данном случае на каждую клетку будет отведено по 39 пикселей и 11 линий по 1 пикселю, которые в сумме дают 401 пиксель. Для рисования сетки нам понадобится несложный цикл.

for (int i = 0; i < 11; i++){.

g.DrawLine (new Pen (Color.Black, 1), 0, 40 * i, 400, 40 * i); // горизонтальные линии.

g.DrawLine (new Pen (Color.Black, 1), 40 * i, 0, 40 * i, 400); // вертикальные линии.

}.

Дальше нам необходимо написать функции, которые будут рисовать крестик и нолик в данной сетке. Данные функции будут принимать значения в которой клетке необходимо нарисовать крестик или нолик.

private void print_x (Graphics g, int colum_x, int colum_y) {.

g.DrawLine (new Pen (Color.Black, 1), colum_x * 40 + 6, colum_y * 40 + 6, colum_x * 40 + 34, colum_y * 40 + 34);

g.DrawLine (new Pen (Color.Black, 1), colum_x * 40 + 6, colum_y * 40 + 34, colum_x * 40 + 34, colum_y * 40 + 6);

}.

private void print_o (Graphics g, int colum_x, int colum_y) {.

g.DrawEllipse (new Pen (Color.Brown, 1), colum_x * 40 + 4, colum_y * 40 + 4, 32, 32);

}.

Координатная точка — тип данных, довольно распространенный в графических средах. В двумерной координатной системе (такой как поверхность видеодисплея или лист бумаги принтера) точка обозначается обычно парой чисел (x и y), где х — горизонтальная координата, a y — вертикальная координата. Можно использовать Click в любой двумерной системе координат. Эта функция может выдавать нам координаты наших щелчков.

private void pictureBox1_Click (object sender, EventArgs e){.

MouseEventArgs me = (MouseEventArgs)e;

Point coordinates = me. Location;

MessageBox.Show (string.Format («X: {0} Y: {1}», coordinates. X, coordinates. Y));

}.

В данном примере мы проверяем правильность значений координат при клике мыши и выводим их в качестве всплывающего сообщения. В дальнейшем мы не будем выводить сообщение с координатами и можем сократить данную строку, определяя в какую ячейку кликнул пользователь. Номера ячеек будут начинаться с нуля.

Поэтому немного изменив код программы получим значения в какую ячейку был сделан клик. Так же стоит отметить что для упрощения процесса просчета в какую ячейку кликнул пользователь будем считать, что верхняя и левая линии от ячейки является ее частью. Для нижних ячеек и ячеек справа так же будет включена нижняя линия и линия справа.

private void pictureBox1_Click (object sender, EventArgs e){.

int position_x, position_y;

MouseEventArgs me = (MouseEventArgs)e;

position_x = me.Location.X / 40;

position_y = me.Location.Y / 40;

if (position_x == 10) { position_x = 9; }.

if (position_y == 10) { position_y = 9; }.

}.