Проєкт "Крок за кроком" (розробка інтерфейсу)

 

Розглянемо етапи створення інтерфейсу програми.

1. У Visual Studio 2022 створіть новий проект Windows Forms App, назва прооєкту StepByStep.

2. Встановіть заголовок форми Step by step. Розмір форми встановіть таким, щоб вікно не було дуже великим, але щоб на формі помістилися всі елементи лабіринту.

3. Розташуйте на формі елементи Label. Встановіть розміри елементів 50, 50, властивостям Text задайте значення 1, 2, 3 і т.д. відповідно до малюнку вашого лабіринту.

Порада. Щоб рівно розташувати елементи на формі, встановіть значення властивості BorderStyle рівним FixedSingle. Після розташування та вирівнювання всіх елементів на формі встановість значення цієї властивістьі None.

4. Для позначення старту та фінішу розташуйте на формі елементи PaintBox та завартажте до них зображення стрілок. Або розмістіть на формі елементи Label та властивості Text задайте значення, схоже на стрілку.

5. Розташуйте на формі ще один елемент Label. Значенню Text присвойте рядок з описом гри. Приклад описа "Пройдіть лабиринт від старту до фінішу, натискаючи на кола з послідовними числами."

6. Напишіть обробник події Paint для першого кола:

код мовою Visual Basic:

    Private Sub Label1_Paint(sender As Object, e As PaintEventArgs) Handles Label1.Paint

        e.Graphics.DrawEllipse(Pens.Red, 0, 0, 49, 49)

    End Sub

код мовою Visual C#:

        private void Label1_Paint(object sender, PaintEventArgs e)

        {

            e.Graphics.DrawEllipse(Pens.Red, 0, 0, 49, 49);

        }

7. Виділить на формі всі інші елементи Label (кроки лабиринту, тобто елементи з цифрами).

У вікні Properties знайдіть подію Paint, натисніть на стрілку праворуч, та оберіть обробник події Label1_Paint

8. Запустіть програму на виконання. Вікно повинно мати такий вигляд:

Що далі?

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