C# Windows Навчальний посібник із застосування Forms із прикладом
Бенджамін Уокер
Програма Windows Form — це програма, призначена для роботи на комп’ютері. Він не працюватиме у веб-браузері, оскільки тоді він стає веб-додатком.
Цей підручник буде зосереджений на тому, як ми можемо створювати Windowsдодатки на основі. Ми також дізнаємося деякі основи роботи з різними елементами C# Windows Додаток.
Windows Основи форм
A Windows Програма форм — це програма, яка працює на настільному комп’ютері. А Windows Додаток форм зазвичай має набір елементів керування, таких як мітки, текстові поля, поля зі списками тощо.
Нижче наведено простий приклад Windows форма програми C#. Він показує простий екран входу, який доступний користувачеві. Користувач введе необхідні облікові дані, а потім натисне кнопку «Вхід», щоб продовжити.
Отже, приклад елементів керування, доступних у наведеній вище програмі
- Це набір елементів керування мітками, які зазвичай використовуються для опису суміжних елементів керування. Отже, у нашому випадку ми маємо 2 текстові поля, і мітки використовуються, щоб повідомити користувачеві, що одне текстове поле призначене для введення імені користувача, а інше для пароля.
- Два текстових поля використовуються для зберігання імені користувача та пароля, які буде введено користувачем.
- Нарешті, у нас є кнопка керування. Елемент керування кнопкою зазвичай має деякий код, прикріплений для виконання певного набору дій. Так, наприклад, у наведеному вище випадку ми могли б змусити кнопку виконувати дію перевірки імені користувача та пароля, які вводить користувач.
C# Привіт, світ
Тепер давайте розглянемо приклад того, як ми можемо реалізувати просту програму «hello world» у Visual Studio. Для цього нам потрібно виконати наведені нижче кроки
Крок 1) Перший крок передбачає створення нового проекту в Visual Studio. Після запуску Visual Studio, вам потрібно вибрати пункт меню Новий->Проект.
Крок 2) Наступним кроком буде вибір типу проекту як a Windows Форми додатка. Тут також потрібно згадати назву та місце розташування нашого проекту.
- У діалоговому вікні проекту ми можемо побачити різні параметри для створення різних типів проектів у Visual Studio. Натисніть на Windows опція з лівого боку.
- Коли ми натискаємо на Windows на попередньому кроці, ми зможемо побачити варіант для Windows Форми заявки. Виберіть цю опцію.
- Ми дамо назву додатку. У нашому випадку це DemoApplication. Ми також надамо місце для зберігання нашої програми.
- Нарешті, ми натискаємо кнопку «OK», щоб дозволити Visual Studio створити наш проект.
Якщо виконати наведені вище кроки, ви отримаєте наведений нижче результат у Visual Studio.
Вихід:-
Ви побачите конструктор форм у Visual Studio. Саме в цьому конструкторі форм ви почнете створювати свої Windows Форми додатка.
У провіднику рішень ви також зможете побачити рішення DemoApplication. Це рішення міститиме наведені нижче 2 файли проекту
- Програма Form під назвою Forms1.cs. Цей файл міститиме весь код для Windows Форма заявки.
- Основна програма під назвою Program.cs — це файл коду за замовчуванням, який створюється під час створення нової програми у Visual Studio. Цей код міститиме код запуску програми в цілому.
У лівій частині Visual Studio ви також побачите інструментBox. Панель інструментів містить усі елементи керування, які можна додати до a Windows Форми. Такі елементи керування, як текстове поле чи мітка, – це лише деякі з елементів керування, які можна додати до a Windows Форми.
Нижче наведено скріншот того, як виглядає Панель інструментів.
Крок 3) На цьому кроці ми додамо мітку до форми, яка відображатиме «Hello World». На панелі інструментів вам потрібно буде вибрати елемент керування Label і просто перетягнути його на форму.
Коли ви перетягнете мітку до форми, ви побачите її, вбудовану у форму, як показано нижче.
Крок 4) Наступним кроком буде перехід до властивостей елемента керування та зміна тексту на «Hello World».
Щоб перейти до властивостей елемента керування, потрібно клацнути елемент керування правою кнопкою миші та вибрати пункт меню «Властивості».
- Панель властивостей також відображається у Visual Studio. Отже, для елемента керування міткою в елементі керування властивостями перейдіть до розділу Текст і введіть «Hello World».
- Кожен елемент керування має набір властивостей, які описують елемент керування.
Якщо ви виконаєте всі описані вище кроки та запустите свою програму в Visual Studio, ви отримаєте такий результат
Вихід:-
У вихідних даних ви можете побачити, що Windows Відображається форма. Ви також бачите, що у формі відображається «Hello World».
Додавання елементів керування до форми
Ми вже бачили, як додати елемент керування до форми, коли додали елемент керування міткою в попередньому розділі для відображення «Hello World».
Давайте розглянемо інші елементи керування, доступні для Windows форми та побачити деякі їхні спільні властивості.
У нашій Windows застосування форми в прикладах C#, ми створимо одну форму, яка матиме такі функції.
- Можливість для користувача ввести ім'я та адресу.
- Можливість вибору міста, в якому проживає користувач
- Можливість для користувача ввести параметр для статі.
- Можливість вибору курсу, який бажає вивчити користувач. Там буде зроблено вибір як для C#, так і для ASP.Net
Тож давайте детально розглянемо кожен елемент керування та додамо їх, щоб побудувати форму з вищезгаданою функціональністю.
Group Box
Поле групи використовується для логічного групування елементів керування в розділ. Розглянемо приклад, якщо у вас є набір елементів керування для введення таких деталей, як ім’я та адреса особи. В ідеалі це дані про особу, тому ви хотіли б мати ці дані в окремому розділі форми. Для цього можна створити груповий ящик. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче
Крок 1) Першим кроком є перетягування елемента керування Groupbox на Windows Форма з панелі інструментів, як показано нижче
Крок 2) Після додавання групового блоку перейдіть до вікна властивостей, клацнувши елемент керування групового блоку. У вікні властивостей перейдіть до властивості Text і змініть його на «Відомості про користувача».
Щойно ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
У вихідних даних ви можете чітко побачити, що Groupbox додано до форми. Ви також можете побачити, що текст групового поля було змінено на «Відомості про користувача».
Контроль етикеток
Далі йде Label Control. Елемент керування міткою використовується для відображення тексту або повідомлення для користувача у формі. Елемент керування міткою зазвичай використовується разом з іншими елементами керування. Типовими прикладами є те, що мітка додається разом із елементом керування текстовим полем.
Мітка вказує користувачеві на те, що очікується заповнити в текстовому полі. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче. Ми додамо 2 мітки, одну з яких називатимемо «ім’я», а іншу — «адресу». Вони використовуватимуться в поєднанні з елементами керування текстовим полем, які будуть додані в наступному розділі.
Крок 1) Перший крок — перетягнути елемент керування міткою на Windows Форма з панелі інструментів, як показано нижче. Переконайтеся, що ви перетягнули елемент керування міткою 2 рази, щоб мати один для «назви», а інший для «адреси».
Крок 2) Після додавання мітки перейдіть до вікна властивостей, клацнувши елемент керування міткою. У вікні властивостей перейдіть до властивості Text кожного елемента керування міткою.
Щойно ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
Ви можете побачити елементи керування мітками, додані до форми.
Текстове вікно
Текстове поле використовується для того, щоб дозволити користувачеві вводити певний текст у Windows додаток на C#. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче. Ми додамо 2 текстові поля до форми, одне для імені, а інше для адреси, яку потрібно ввести для користувача
Крок 1) Першим кроком є перетягування елемента керування текстовим полем на Windows Форма з панелі інструментів, як показано нижче
Крок 2) Після додавання текстових полів перейдіть до вікна властивостей, клацнувши елемент керування текстовим полем. У вікні властивостей перейдіть до властивості Name та додайте значущу назву до кожного текстового поля. Наприклад, назвіть текстове поле для користувача як txtName, а для адреси – як txtAddress. Необхідно прийняти угоду про найменування та стандарт для елементів керування, оскільки стає простіше додавати додаткові функції до цих елементів керування, які ми побачимо пізніше.
Щойно ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
У вихідних даних ви чітко бачите, що текстові поля додано до форми.
Поле списку
Listbox використовується для демонстрації списку елементів на Windows форму. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче. Ми додамо список до форми для зберігання деяких місць розташування міст.
Крок 1) Перший крок — перетягнути елемент керування списком на Windows Форма з панелі інструментів, як показано нижче
Крок 2) Після додавання поля списку перейдіть до вікна властивостей, клацнувши елемент керування полем списку.
- Спочатку змініть властивість елемента керування Listbox, у нашому випадку ми змінили це на lstCity
- Натисніть властивість Items. Це дозволить вам додавати різні елементи, які можуть відображатися у списку. У нашому випадку ми вибрали елементи «колекція».
- У редакторі колекції рядків, що з’явиться, введіть назви міст. У нашому випадку ми ввели «Мумбаї», «Бангалор» і «Хайдарабад».
- Нарешті натисніть кнопку «ОК».
Щойно ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
У вихідних даних ви можете побачити, що Listbox додано до форми. Ви також можете побачити, що поле списку було заповнено значеннями міста.
RadioButton
Radiobutton використовується для демонстрації списку елементів, з яких користувач може вибрати один. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче. Ми додамо перемикач для варіанту чоловік/жінка.
Крок 1) Першим кроком є перетягування елемента керування "радіокнопка" на Windows Форма з панелі інструментів, як показано нижче.
Крок 2) Після додавання Radiobutton перейдіть до вікна властивостей, клацнувши елемент керування Radiobutton.
- По-перше, вам потрібно змінити властивість тексту обох елементів керування радіо. Перейдіть у вікно властивостей і змініть текст однієї перемикача на чоловічий, а текст іншого на жіночий.
- Так само змініть властивість назви обох елементів керування Радіо. Перейдіть у вікно властивостей і змініть ім’я одного перемикача на «rdMale», а іншого — на «rdfemale».
Якщо ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
Ви побачите радіокнопки, додані до Windows формі.
прапорець
Прапорець використовується для надання списку параметрів, у якому користувач може вибрати кілька варіантів. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче. Ми додамо 2 прапорці до нашого Windows форми. Ці прапорці нададуть користувачеві можливість вибрати, чи хочуть вони вивчати C# або ASP.Net.
Крок 1) Першим кроком є перетягування елемента керування прапорцем на Windows Форма з панелі інструментів, як показано нижче
Крок 2) Після додавання прапорця перейдіть до вікна властивостей, клацнувши елемент керування прапорцем.
У вікні властивостей
- По-перше, вам потрібно змінити властивість тексту обох елементів керування прапорцями. Перейдіть у вікно властивостей і змініть текст на C# і ASP.Net.
- Так само змініть властивість назви обох елементів керування Радіо. Перейдіть у вікно властивостей і змініть назву на chkC для одного прапорця та на chkASP для іншого.
Щойно ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
Button
Кнопка використовується, щоб дозволити користувачеві натиснути на кнопку, яка потім розпочне обробку форми. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче. Ми додамо просту кнопку під назвою «Надіслати», яка використовуватиметься для надсилання всієї інформації у формі.
Крок 1) Першим кроком є перетягування кнопки керування на Windows Форма з панелі інструментів, як показано нижче
Крок 2) Після додавання кнопки перейдіть до вікна властивостей, клацнувши елемент керування «Кнопка».
- По-перше, вам потрібно змінити властивість text елемента керування кнопки. Перейдіть у вікно властивостей і змініть текст на «подати».
- Так само змініть властивість name елемента керування. Перейдіть у вікно властивостей і змініть назву на "btnSubmit".
Щойно ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
Вітаємо, тепер у вас є перша базова програма Windows Форма на місці. Давайте перейдемо до наступної теми, щоб побачити, як ми можемо виконати обробку подій для елементів керування.
Обробка подій C# для елементів керування
Під час роботи з віконною формою ви можете додавати події до елементів керування. Подія — це те, що відбувається під час виконання дії. Мабуть, найпоширенішою дією є натискання кнопки у формі. В C# Windows Форми, ви можете додати код, який можна використовувати для виконання певних дій при натисканні кнопки у формі.
Зазвичай, коли на формі натиснуто кнопку, це означає, що має відбутися певна обробка.
Давайте розглянемо одну з подій і те, як її можна обробляти, перш ніж перейти до сценарію події кнопки.
Наведений нижче приклад демонструє подію для елемента керування Listbox. Отже, щоразу, коли елемент вибрано в елементі керування списком, має з’явитися вікно повідомлення, у якому буде показано вибраний елемент. Давайте виконаємо наступні кроки, щоб досягти цього.
Крок 1) Double клацніть список у дизайнері форм. Роблячи це, Visual Studio автоматично відкриє файл коду для форми. І це автоматично додасть метод події до коду. Цей метод події запускатиметься щоразу, коли буде вибрано будь-який елемент у списку.
Вище наведено фрагмент коду, який автоматично додається Visual Studio, коли ви двічі клацаєте елемент керування List box у формі. Тепер давайте додамо наведений нижче розділ коду до цього фрагмента коду, щоб додати необхідні функції до події списку.
- Це метод обробки подій, який автоматично створюється Visual Studio, коли ви двічі клацаєте елемент керування List box. Вам не потрібно турбуватися про складність назви методу або параметрів, переданих методу.
- Тут ми отримуємо SelectedItem через властивість lstCity.SelectedItem. Пам’ятайте, що lstCity — це назва нашого елемента керування Listbox. Потім ми використовуємо метод GetItemText, щоб отримати фактичне значення вибраного елемента. Потім ми присвоюємо це значення текстовій змінній.
- Нарешті, ми використовуємо повідомленняBox метод відображення значення текстової змінної для користувача.
Якщо ви внесете вказані вище зміни та запустите програму у Visual Studio, ви побачите наступний результат
Вихід:-
З результату ви можете побачити, що коли вибрано будь-який елемент зі списку, з’явиться вікно повідомлення. Це покаже вибраний елемент зі списку.
Тепер давайте подивимося на кінцевий елемент керування, який є методом натискання кнопки. Знову ж таки, це слідує тій же філософії. Просто двічі клацніть кнопку в конструкторі форм, і він автоматично додасть метод для обробника подій кнопки. Тоді вам просто потрібно додати наведений нижче код.
- Це метод обробки подій, який автоматично створюється Visual Studio, коли ви двічі клацаєте кнопку керування. Вам не потрібно турбуватися про складність назви методу або параметрів, переданих методу.
- Тут ми отримуємо значення, введені в текстове поле імені та адреси. Значення можна взяти з властивості text текстового поля. Потім ми присвоюємо значення 2 змінним, імені та адресі відповідно.
- Нарешті, ми використовуємо повідомленняBox метод відображення значення імені та адреси для користувача.
Якщо ви внесете вказані вище зміни та запустите програму у Visual Studio, ви побачите наступний результат
Вихід:-
- Спочатку введіть значення в полі імені та адреси.
- Потім натисніть кнопку Надіслати
Після того, як ви натиснете кнопку «Надіслати», з’явиться вікно повідомлення, у якому буде правильно показано, що ви ввели в розділі даних користувача.
Дерево і малюнокBox Контроль
Є ще 2 елементи керування, які ми можемо переглянути, один — «Елемент керування деревом», а інший — «Елемент керування зображенням». Давайте розглянемо приклади того, як ми можемо реалізувати ці засоби керування
Керування деревом
– Елемент керування деревом використовується для перерахування елементів у вигляді дерева, як мода. Напевно, найкращий приклад – коли ми бачимо Windows Сам дослідник. Структура папок в Windows Explorer схожий на деревоподібну структуру.
Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче.
Крок 1) Першим кроком є перетягування елемента керування Tree на Windows Форма з панелі інструментів, як показано нижче
Крок 2) Наступним кроком є початок додавання вузлів до колекції дерева, щоб вона відповідним чином з’явилася в дереві. По-перше, давайте виконаємо наведені нижче під-кроки, щоб додати кореневий вузол до колекції дерева.
- Перейдіть до панелі властивостей для елемента керування переглядом дерева. Натисніть властивість Node. Відкриється редактор TreeNode
- У редакторі TreeNode Editor натисніть кнопку Add Root, щоб додати кореневий вузол до колекції дерева.
- Далі змініть текст кореневого вузла та введіть текст як кореневий і натисніть кнопку «ОК». Це додасть кореневий вузол.
Крок 3) Наступним кроком є початок додавання дочірніх вузлів до колекції дерева. Давайте виконаємо наведені нижче підкроки, щоб додати дочірній кореневий вузол до колекції дерева.
- Спочатку натисніть кнопку «Додати дитину». Це дозволить вам додавати дочірні вузли до колекції Tree.
- Для кожного дочірнього вузла змініть властивість text. Продовжуйте повторювати попередній крок і цей крок і додайте 2 додаткові вузли. Зрештою ви матимете 3 вузли, як показано вище, з текстом відповідно як Label, Button і Checkbox.
- Натисніть кнопку ОК
Після того, як ви внесете вищезазначені зміни, ви побачите наступний результат.
Вихід:-
Ви зможете побачити дерево, додане до форми. Коли ви запускаєте Windows форми, ви можете розгорнути кореневий вузол і побачити дочірні вузли в списку.
КартинкаBox Контроль
Цей елемент керування використовується для додавання зображень до Winforms C#. Давайте подивимося, як ми можемо реалізувати це на прикладі, показаному нижче.
Крок 1) Першим кроком є перетягування зображенняBox керування на C# Windows Форма з панелі інструментів, як показано нижче
Крок 2) Наступним кроком є фактичне прикріплення зображення до елемента керування вікном зображення. Це можна зробити, виконавши наведені нижче дії.
- Спочатку клацніть властивість зображення для зображенняBox КОНТРОЛЬ. З’явиться нове вікно.
- У цьому вікні натисніть кнопку Імпорт. Це буде використано для приєднання зображення до елемента керування Picturebox.
- З’явиться діалогове вікно, у якому ви зможете вибрати зображення, до якого потрібно прикріпити картинку
- Натисніть кнопку ОК
Якщо ви внесете вищевказані зміни, ви побачите наступний результат
Вихід:-
З результату ви можете побачити, що у формі відображається зображення.
Підсумки
- A Windows форма у програмі C# — це програма, яка працює на робочому столі комп’ютера. Visual Studio Form разом із C# можна використовувати для створення a Windows Форми додатка.
- Елементи керування можна додати до Windows форми C# через Toolbox у Visual Studio. Такі елементи керування, як мітки, прапорці, перемикачі тощо, можна додати до форми за допомогою панелі інструментів.
- Можна також використовувати розширені елементи керування, такі як елемент керування переглядом дерева та зображенняBox контролювати.
- Обробники подій використовуються для відповіді на події, створені з елементів керування. Найпоширенішим є той, який додається для події натискання кнопки.
