1. Рисование на графике
2. Дизайн формы
3. Логический слой
4. Заговор
5. Связать форму с логическим слоем

На последнем уроке Напоминание о дне рождения - Хранение данных и вывод Мы закончили создание напоминания о дне рождения. Мы попробовали основные элементы формы, а также привязки и обработку ошибок. Мы уже можем создавать довольно сложные приложения. Сегодняшний урок по C # .NET будет посвящен рисованию.

Рисование на графике

Мы создадим приложение, которое направлено на продажу билетов в кино. Как известно, в зале много мест, и работник кинотеатра должен увидеть в приложении, какие места уже заняты. Вы можете подумать, чтобы перейти к PictureBoxes. Однако, если в кинотеатре было 15 рядов и 30 рядов в каждом, у нас есть 450 PictureBoxes. Вы, наверное, догадываетесь, что есть лучший способ, чем начать стучать в PictureBox1, PictureBox2 ... И как тогда они будут обрабатываться? В случае, если нам нужно сделать что-то более требовательное, чем просто одну или две картинки, мы будем использовать графику. Это потому, что мы помещаем один PictureBox в форму и рисуем то, что нам нужно, на его холсте.

Мы значительно упрощаем приложение, оно не должно быть сложным. Он сможет отобразить только один зал, который изначально будет пустым. Пользователь щелкает мышью по занятым местам и затем нажимает кнопку «Сохранить», которая сохраняет простой текстовый файл с информацией о занятости зала в выбранном месте. Мы постараемся сохранить, чтобы узнать, как работать с диалогами.

Дизайн формы

Создайте новое приложение Windows Forms, переименуйте форму в KinoForm, заголовки должны быть в Evidence Cinema. Загрузите PictureBox поверх большей части формы, которую мы называем cinemaPictureBox. Ниже PictureBox находится кнопка с названием saveButton и текстом Save. Наконец, перетащите SaveFileDialog на форму. Это не добавлено непосредственно к форме, но к строке ниже этого. Это не элемент формы, а только вспомогательный компонент. Мы переименуем его в cinemaSaveFileDialog. Вы можете играть с якорями и тому подобное. Ваша форма должна выглядеть так:

Логический слой

Возможно, вы не удивитесь, добавив класс Kinosal в ваше приложение. У него будет один закрытый атрибут, это будет двумерный массив мест. Если вы еще не работали с 2D-массивом, вы можете думать о нем как о таблице. Одномерный (классический) массив - это всего лишь одна строка. Затем мы работаем с двумерным массивом точно так же, как с одномерным массивом, за исключением того, что мы должны указать две координаты (X и Y). Во многих языках 2D-массивы выполняются как массивы, C # может определять 2D-массивы напрямую следующим образом:

класс Kinosal {private bool [,] seat = new bool [30, 15]; }

Места типа bool, потому что мы заботимся только о том, свободны они или заняты. 30 - ширина поля, 15 - его высота.

Мы добавим в класс 2 приватные константы, одна из которых будет указывать размер визуализированного места в пикселях, а другая - расстояние между местами в пикселях. Привыкайте к константам, когда вы хотите увеличить места, просто замените одну константу и не расшифровывайте код рендеринга.

private const int size = 16; private const int space = 2;

Мы можем перейти к методам.

Заговор

Кинозал должен быть в состоянии сделать. Мы уже упоминали, что будем рисовать на холсте. Этот холст имеет тип Graphics, и мы можем получить его в параметре метода Plot (). Вам нужно добавить использование System.Drawing для типа Graphics, но это, конечно, вас не удивило. Затем холст рисуется с использованием его методов. На данный момент нас будет интересовать только метод FillRectangle (), который рисует прямоугольник, заполненный цветом. Существует множество методов для разных геометрических фигур, как заполненных, так и незаполненных. Вы можете пройти через них, мы попробуем некоторые из них на других уроках.

В графике есть два типа цвета - цвет заливки (кисть) и цвет контура (перо = перо). Для закрашенного прямоугольника мы должны ввести кисть. Готовые экземпляры, настроенные на определенные цвета, можно найти в статическом классе кистей (или для контуров перьев), просто выберите. Кисти также могут рисовать узоры или рисунки, но это не важно для нас.

Используйте два вложенных цикла, чтобы отсканировать все места в поле и нарисовать зеленый или красный квадрат на экране. Мы будем циклически проходить через внешний цикл, внутренний столбец в текущей строке. Цвет (точнее, кисть) определяется тем, является ли место истинным или ложным по заданной координате. Код метода будет следующим:

public void Draw (Графика g) {Кисть; for (int j = 0; j <мест. GetLength (1); j ++) {for (int i = 0; i <мест. GetLength (0); i ++) {if (мест [i, j]) кисть = кисти .Red; еще кисть = кисти. Зеленый; g.FillRectangle (кисть, i * (размер + пробел), j * (размер + пробел), размер, размер); }}}

Обратите внимание, что мы не используем значения 30 и 15 в циклах, но мы используем метод GetLength () с параметрами 0 и 1. Этот метод используется для получения размера двумерного массива. 0 - это ширина, 1 - это высота (конечно, от нас зависит, какое измерение мы определяем как высоту, а какое - как ширину). Конечно, мы не указываем фиксированный размер, потому что в будущем мы можем увеличивать / уменьшать поле и искать в коде, где мы использовали значения 30 и 15. Всегда лучше избегать этих проблем и работать с длиной поля.

Стоит упомянуть про рендеринг самого прямоугольника. Первый параметр метода FillRectangle () - Brush, который определяет цвет заливки. Два других параметра - это координаты верхнего левого угла прямоугольника. Последние два параметра определяют его высоту и ширину. Поскольку каждое место имеет ширину 16 пикселей и ширину 2 пикселя, нам нужно умножить его координату на это значение. Например, если значение vi равно 2 (мы рисуем третий столбец), мы рисуем координату X 36, а не 2 То же самое относится и к координате Y.

Позже вы можете попытаться заменить FillRectangle () методом FillOval (). Он работает точно так же, но рисует эллипс. Обязательно попробуйте нарисовать другие фигуры после завершения приложения.

Связать форму с логическим слоем

Основа логики сделана, давайте подключим ее к форме. Перейдите к коду формы и создайте личный экземпляр кинотеатра в классе:

частный киносал киносал = новый киносал ();

Теперь нажмите на событие Paint в PictureBox. Вы должны сделать это с помощью значка вспышки в окне свойств. Событие вызывает систему, когда окно должно быть перерисовано. Это, конечно, тот случай, когда вы запускаете приложение, но также и после восстановления из минимизации, когда мы перемещаемся через окно приложения через другое окно и так далее.

В обработчике событий мы вызываем метод Draw () для экземпляра cinema. Мы видим холст как свойство параметра события. Мы просто передаем это логическому методу, который опирается на него.

private void cinemaPictureBox_Paint (отправитель объекта, PaintEventArgs e) {kinosal.Kykresli (e.Graphics); }

Нам не нужно стыдиться результата

На следующем уроке Обработка координатных кликов в C # .NET , мы покажем вам, как изменить статус места, нажав на конкретное место, и начните экономить. Как всегда, вы можете скачать проект во вложении на случай, если что-то пойдет не так.

Похожие