C# під час навчання найчастіше використовуваною структурою буде Form App. Важливими є компоненти (components), які вона надає.
Якщо ви потрапили на цю статтю, то, ймовірно, ви вже знаєте, як створювати Form App. Але після завантаження Visual Studio, виберіть Windows Form App, натискайте Next і створюйте.
Приклад створення форми. (Зображення, I.)
Подивимося на приклад форми:
Приклад новоствореної форми. (Зображення, II.)
Тепер розглянемо найважливіші меню:
- Інструменти (Toolbox): Містить компоненти. Ми перетягуємо UI компоненти (компоненти інтерфейсу користувача) на форму і змінюємо їх у вікні властивостей. Це найпростіше пояснення. Також сюди додаються зовнішні бібліотеки, до яких ми маємо доступ.
- Властивості (Properties): У цьому вікні ми можемо змінювати налаштування форми та властивості доданих компонентів.
- Переглядач рішень (Solution Explorer): Тут ми бачимо файли проекту. Ми можемо їх видаляти, переміщати, створювати та перейменовувати. Також керуємо та інтегруємо зовнішні бібліотеки, які використовуються в проекті.
Крім того, є кодова частина цієї форми. Клацнувши правою кнопкою миші на button, вибираємо “перейти до коду” або “показати код”, і натискаємо на це. Або ж двічі клацнувши на компонент, потрапляємо безпосередньо до коду цього компонента.
Створення класу
Створення класу в проекті. (Зображення, III.)
Виведення тексту на форму
Додаємо на форму button і label.
Спочатку, двічі натискаємо на button і додаємо код у функцію button1Click_.
private void button1_Click(object sender, EventArgs e)
{
label1.Text = "Привіт, світ!";
}
При натисканні, текст label1 зміниться.
Вікно властивостей (properties)
- Name: Назва об'єкта (наприклад,
button1,label1). - Text: Текст, який відображається на об'єкті (наприклад, “Натисни”).
- BackColor: Колір фону.
- ForeColor: Колір тексту.
- Font: Шрифт і розмір шрифту.
- Enabled: Визначає, чи активний об'єкт (
true/false). - Visible: Контролює видимість об'єкта (
true/false). - Location: Місцезнаходження об'єкта на формі (координати x, y).
- Size: Ширина та висота об'єкта (Width, Height).
- Dock: Дозволяє прикріпити об'єкт до країв форми.
- Anchor: Визначає, як об'єкт поводиться при зміні розміру форми.
- TabIndex: Визначає порядок переміщення між елементами за допомогою клавіші Tab.
- TabStop: Визначає, чи можна вибрати об'єкт за допомогою клавіші Tab.
- Enabled: Статус активності.
- Cursor: Визначає, як буде виглядати курсор миші (наприклад, рука, стрілка).
- Modifiers: Визначає рівень доступу до об'єкта (наприклад,
private,public). - GenerateMember: Визначає, чи буде створений член-об'єкт для цього елемента в коді.
- Click: Подія, що спрацьовує при натисканні на об'єкт.
- MouseEnter: Подія, яка спрацьовує при переміщенні миші на об'єкт.
- KeyPress: Подія, що спрацьовує при натисканні клавіші.
- Load: Подія, яка спрацьовує при завантаженні форми.
Вікно інструментів (Toolbox)
- Button: Кнопка, на яку можна натискати.
- Label: Контрол для відображення тексту.
- TextBox: Поле для введення тексту користувачем.
- CheckBox: Квадрат, який можна позначити.
- RadioButton: Дозволяє вибрати тільки один варіант з кількох.
- ComboBox: Розкривний список.
- ListBox: Контрол для відображення списку елементів.
- PictureBox: Контрол для відображення зображень.
- ProgressBar: Контрол для відображення прогресу виконання операції.
- ToolTip: Відображає підказки для компонентів.
- Panel: Групує компоненти в області.
- GroupBox: Групує компоненти та додає заголовок.
- TabControl: Створює інтерфейс з вкладками.
- FlowLayoutPanel: Динамічний контейнер для розміщення компонентів.
- TableLayoutPanel: Контейнер, який надає клітинне розміщення.
- SplitContainer: Розділяє область на дві частини.
- MenuStrip: Створює меню.
- ToolStrip: Створює панель інструментів.
- ContextMenuStrip: Створює меню для правого кліку.
- StatusStrip: Додає статусну панель.
- DataGridView: Контрол для відображення даних у вигляді таблиці.
- BindingSource: Контрол для зв'язування даних.
- BindingNavigator: Панель інструментів для навігації по даним.
- Chart: Контрол для створення графіків та візуалізації даних.
- Timer: Виконує операції через певні проміжки часу.
- BackgroundWorker: Використовується для фонових операцій.
- ImageList: Зберігає список зображень.
- ErrorProvider: Використовується для відображення помилок валідації форми.
- ToolTip: Надання підказок для інструментів.
- PrintDocument: Представляє документ для друку.
- PrintDialog: Відображає діалогове вікно друку.
- PageSetupDialog: Діалогове вікно для налаштування сторінки.
- PrintPreviewDialog: Перегляд перед друком.
- OpenFileDialog: Діалогове вікно для відкриття файлів.
- SaveFileDialog: Діалогове вікно для збереження файлів.
- FolderBrowserDialog: Діалогове вікно для вибору папки.
- FontDialog: Діалогове вікно для вибору шрифту.
- ColorDialog: Діалогове вікно для вибору кольору.
- ElementHost: Дозволяє використовувати компоненти WPF в Windows Forms додатках.
- WebBrowser: Вбудований переглядач веб-сторінок.
- MediaPlayer: Компонент для відтворення мультимедіа.
- MaskedTextBox: Поле для введення тексту з заданим форматом.
Це були основні компоненти.
Давайте створимо додаток для додавання двох чисел, отриманих через інпут:
Нам потрібні такі елементи: label1, textBox1, textBox2.
Напишемо код:
double sayi1 = Convert.ToDouble(textBox1.Text);
double sayi2 = Convert.ToDouble(textBox2.Text);
double toplam = sayi1 + sayi2;
label1.Text = "Результат: " + toplam;
Тепер давайте напишемо код, щоб вивести сповіщення, коли мишка наближається до елемента:
Перейдімо до Вікна властивостей, натискаємо на MouseEnter і в появившомуся вікні коду напишемо:
private void label2_MouseHover(object sender, EventArgs e) {
MessageBox.Show("Це вікно сповіщення!", "Попередження", MessageBoxButtons.OK, MessageBoxIcon.Warning);
}
Рекомендації
Практикуйтеся, дивіться відео на YouTube, виберіть тему і досліджуйте її, а потім продовжуйте вивчення.
Але спочатку отримайте основні знання з C# і лише після цього приступайте до практики.
Потім вивчайте проекти, якщо ви отримуєте готовий код, прочитайте його, спробуйте зрозуміти, що в ньому відбувається, і внесіть невеликі зміни у його вміст.
Цю тему варто вивчати через відео Engin Demiroğ, що є чудовим програмістом. Відео можна знайти на YouTube або на BTK Академії.
Перекладено з: C# öğrenmek 102: Form Application