Досега видяхме как да работим с C # за създаване на конзолни приложения. Но в реалния сценарий екипът обикновено използва Visual Studio и C # за създаване на Windows Forms или уеб-базирани приложения.
Приложението за Windows form е приложение, което е проектирано да работи на компютър. Той няма да работи в уеб браузър, защото след това се превръща в уеб приложение.
Този урок ще се фокусира върху това как можем да създадем Windows-базирани приложения. Също така ще научим някои основи за това как да работим с различните елементи на приложението C # Windows.
В този урок за Windows ще научите -
- Основи на Windows Forms
- Hello World в Windows Forms
- Добавяне на контроли към формуляр
- Обработка на събития за контроли
- Контрол на дърво и PictureBox
Основи на Windows Forms
Приложението за формуляри на Windows е това, което се изпълнява на настолния компютър. Приложението за формуляри на Windows обикновено има колекция от контроли като етикети, текстови полета, списъчни полета и т.н.
По-долу е даден пример за просто приложение за Windows формуляр C #. Той показва прост екран за влизане, до който потребителят има достъп. Потребителят ще въведе необходимите идентификационни данни и след това щракне върху бутона Вход, за да продължи.
Така че пример за контролите, налични в горното приложение
- Това е колекция от контроли за етикети, които обикновено се използват за описване на съседни контроли. Така че в нашия случай имаме 2 текстови полета и етикетите се използват, за да кажат на потребителя, че едното текстово поле е за въвеждане на потребителско име, а другото за паролата.
- Двете текстови кутии се използват, за да съдържат потребителското име и паролата, които ще бъдат въведени от потребителя.
- И накрая, ние имаме бутон за управление. Бутонът за управление обикновено има прикачен код за извършване на определен набор от действия. Така например, в горния случай, бихме могли да накараме бутона да извърши действие за проверка на потребителското име и парола, които са въведени от потребителя.
C # Hello World
Сега нека разгледаме пример за това как можем да приложим просто приложение „hello world“ в Visual Studio. За това ще трябва да приложим посочените по-долу стъпки
Стъпка 1) Първата стъпка включва създаването на нов проект в Visual Studio. След стартирането на Visual Studio трябва да изберете опцията от менюто New-> Project.
Стъпка 2) Следващата стъпка е да изберете типа на проекта като приложение на Windows Forms. Тук също трябва да споменем името и местоположението на нашия проект.
- В диалоговия прозорец на проекта можем да видим различни опции за създаване на различни видове проекти в Visual Studio. Щракнете върху опцията Windows отляво.
- Когато щракнем върху опциите на Windows в предишната стъпка, ще можем да видим опция за Windows Forms Application. Щракнете върху тази опция.
- Ще дадем име за приложението. В нашия случай това е DemoApplication. Също така ще предоставим място за съхранение на нашето приложение.
- Накрая натискаме бутона „OK“, за да позволим на Visual Studio да създаде нашия проект.
Ако са изпълнени горните стъпки, ще получите изхода по-долу в Visual Studio.
Изход: -
Ще видите конструктор на формуляри, показан в Visual Studio. В този конструктор на формуляри ще започнете да изграждате приложението си за Windows Forms.
В Solution Explorer ще можете да видите и DemoApplication Solution. Това решение ще съдържа по-долу 2 файла на проекта
- Приложение за формуляр, наречено Forms1.cs. Този файл ще съдържа целия код за приложението Windows Form.
- Основната програма, наречена Program.cs, е кодов файл по подразбиране, който се създава, когато се създаде ново приложение в Visual Studio. Този код ще съдържа стартовия код за приложението като цяло.
В лявата страна на Visual Studio ще видите и ToolBox. Кутията с инструменти съдържа всички контроли, които могат да бъдат добавени към Windows Forms. Контроли като текстово поле или етикет са само част от контролите, които могат да бъдат добавени към Windows Forms.
По-долу е екранна снимка на това как изглежда кутията с инструменти.
Стъпка 3) В тази стъпка сега ще добавим етикет към формуляра, който ще показва „Hello World“. От кутията с инструменти ще трябва да изберете контрола за етикет и просто да го плъзнете върху формуляра.
След като плъзнете етикета към формуляра, можете да видите етикета, вграден във формуляра, както е показано по-долу.
Стъпка 4) Следващата стъпка е да преминете към свойствата на контролата и да промените текста на „Hello World“.
За да отидете до свойствата на контрола, трябва да щракнете с десния бутон върху контролата и да изберете опцията от менюто Свойства
- Панелът със свойства също се показва в Visual Studio. Така че за контрола на етикета, в контрола за свойства, отидете в раздела Текст и въведете "Hello World".
- Всяка контрола има набор от свойства, които описват контролата.
Ако следвате всички горепосочени стъпки и стартирате програмата си в Visual Studio, ще получите следния изход
Изход: -
В изхода можете да видите, че се показва Windows Form. Можете също така да видите „Hello World“ се показва във формуляра.
Добавяне на контроли към формуляр
Вече бяхме виждали как да добавим контрола към формуляр, когато добавихме контрола на етикета в по-ранния раздел, за да покажем „Hello World“.
Нека да разгледаме другите контроли, налични за формулярите на Windows, и да видим някои от техните общи свойства.
В нашето приложение за формуляр на Windows в примери за C # ще създадем един формуляр, който ще има следната функционалност.
- Възможността за потребителя да въведе име и адрес.
- Опция за избор на града, в който потребителят пребивава
- Възможността на потребителя да въведе опция за пола.
- Възможност за избор на курс, който потребителят иска да научи. Ще има избор както за C #, така и за ASP.Net
Така че нека да разгледаме всяка контрола в детайли и да ги добавим, за да изградим формата с гореспоменатата функционалност.
Групова кутия
Груповото поле се използва за логическо групиране на контроли в раздел. Да вземем пример, ако сте имали колекция от контроли за въвеждане на подробности като име и адрес на човек. В идеалния случай това са подробности за дадено лице, така че бихте искали да имате тези подробности в отделен раздел на формуляра. За тази цел можете да имате групова кутия. Нека да видим как можем да приложим това с пример, показан по-долу
Стъпка 1) Първата стъпка е да плъзнете контрола Groupbox върху формуляра на Windows от кутията с инструменти, както е показано по-долу
Стъпка 2) След като груповата кутия е добавена, отидете в прозореца със свойства, като щракнете върху контрола на груповата кутия. В прозореца за свойства отидете на свойството Text и го променете на "Потребителски данни".
След като направите горните промени, ще видите следния изход
Изход: -
В изхода можете ясно да видите, че Groupbox е добавен към формуляра. Можете също така да видите, че текстът на груповата кутия е променен на „Потребителски данни“.
Контрол на етикета
Следва Label Control. Контролът на етикета се използва за показване на текст или съобщение на потребителя във формуляра. Контролът на етикета обикновено се използва заедно с други контроли. Често срещани примери са при добавяне на етикет заедно с контрола на текстовото поле.
Етикетът показва на потребителя какво се очаква да попълни в текстовото поле. Нека да видим как можем да приложим това с пример, показан по-долу. Ще добавим 2 етикета, единият от които ще се нарича „име“, а другият - „адрес“. Те ще се използват заедно с контролите на текстовото поле, които ще бъдат добавени в следващия раздел.
Стъпка 1) Първата стъпка е да плъзнете контролата върху етикета към формуляра на Windows от кутията с инструменти, както е показано по-долу. Уверете се, че плъзнете контролата за етикети 2 пъти, така че да можете да имате една за „името“, а другата за „адреса“.
Стъпка 2) След като етикетът е добавен, отидете в прозореца със свойства, като щракнете върху контролата за етикета. В прозореца на свойствата отидете на свойството Text на всяка контрола за етикет.
След като направите горните промени, ще видите следния изход
Изход: -
Можете да видите контролите за етикети, добавени към формуляра.
Текстово поле
Текстовото поле се използва, за да позволи на потребителя да въведе някакъв текст в приложението на Windows в C #. Нека да видим как можем да приложим това с пример, показан по-долу. Ще добавим 2 текстови полета към формуляра, едното за Името, а другото за адреса, който трябва да бъде въведен за потребителя
Стъпка 1) Първата стъпка е да плъзнете контролата на текстовото поле върху формуляра на Windows от кутията с инструменти, както е показано по-долу
Стъпка 2) След като текстовите полета са добавени, отидете в прозореца със свойства, като щракнете върху контролата на текстовото поле. В прозореца за свойства отидете на свойството Name и добавете смислено име към всяко текстово поле. Например дайте име на текстовото поле за потребителя като txtUser, а това за адреса като txtAddress. За контролите трябва да се направи конвенция за именуване и стандарт, защото става по-лесно да се добави допълнителна функционалност към тези контроли, което ще видим по-късно.
След като направите горните промени, ще видите следния изход
Изход: -
В изхода можете ясно да видите, че текстовите полета са добавени към формуляра.
Списъчно поле
Списъкът се използва за показване на списък с елементи във формуляра на Windows. Нека да видим как можем да приложим това с пример, показан по-долу. Ще добавим списък към формуляра, за да съхраняваме някои градски местоположения.
Стъпка 1) Първата стъпка е да плъзнете контролата на полето със списък върху формуляра на Windows от кутията с инструменти, както е показано по-долу
Стъпка 2) След като списъчното поле е добавено, отидете в прозореца на свойствата, като щракнете върху контрола на списъчното поле.
- Първо, променете свойството на контролната кутия Listbox, в нашия случай сме променили това на lstCity
- Щракнете върху свойството Items. Това ще ви позволи да добавите различни елементи, които могат да се показват в списъчното поле. В нашия случай сме избрали елементи „колекция“.
- В редактора за събиране на низове, който изскача, въведете имената на градовете. В нашия случай сме въвели „Мумбай“, „Бангалор“ и „Хайдерабад“.
- Накрая кликнете върху бутона „OK“.
След като направите горните промени, ще видите следния изход
Изход: -
В изхода можете да видите, че Списъкът е добавен към формуляра. Можете също така да видите, че списъчното поле е попълнено със стойностите на града.
Радио бутон
Бутон за радио се използва за показване на списък с елементи, от които потребителят може да избере един. Нека да видим как можем да приложим това с пример, показан по-долу. Ще добавим радио бутон за мъжка / женска опция.
Стъпка 1) Първата стъпка е да плъзнете контролата „radiobutton“ върху формуляра на Windows от кутията с инструменти, както е показано по-долу.
Стъпка 2) След като радиобутонът е добавен, отидете в прозореца със свойства, като щракнете върху контролния бутон Радио.
- Първо, трябва да промените свойството на текста на двата контрола за радио. Отидете в прозорците на свойствата и променете текста на мъжки на единия радиобутон, а текста на другия на женски.
- По същия начин променете свойството на име и на двата контролера за радио. Отидете на прозорците на свойствата и променете името на „rdMale“ на единия радиобутон и на „rdfemale“ за другия.
Ако направите горните промени, ще видите следния изход
Изход: -
Ще видите радио бутоните, добавени към формуляра на Windows.
Поле за отметка
Полето за отметка се използва, за да предостави списък с опции, в които потребителят може да избере множество възможности за избор. Нека да видим как можем да приложим това с пример, показан по-долу. Ще добавим 2 квадратчета за отметка към нашите формуляри за Windows. Тези квадратчета за отметка ще предоставят възможност на потребителя дали иска да научи C # или ASP.Net.
Стъпка 1) Първата стъпка е да плъзнете контролата на квадратчето за отметка върху формуляра на Windows от кутията с инструменти, както е показано по-долу
Стъпка 2) След като квадратчето за отметка е добавено, отидете в прозореца със свойства, като щракнете върху контролата Checkbox.
В прозореца за свойства,
- Първо, трябва да промените свойството на текста на двата контролни квадратчета. Отидете на прозорците на свойствата и променете текста на C # и ASP.Net.
- По същия начин променете свойството на име и на двата контролера за радио. Отидете на прозорците на свойствата и променете името на chkC на едното квадратче и на chkASP за другото.
След като направите горните промени, ще видите следния изход
Изход: -
Бутон
Бутон се използва, за да позволи на потребителя да кликне върху бутон, който след това ще започне обработката на формуляра. Нека да видим как можем да приложим това с пример, показан по-долу. Ще добавим прост бутон, наречен „Изпращане“, който ще се използва за изпращане на цялата информация във формуляра.
Стъпка 1) Първата стъпка е да плъзнете контролата на бутона върху формуляра на Windows от кутията с инструменти, както е показано по-долу
Стъпка 2) След като бутонът е добавен, отидете в прозореца със свойства, като щракнете върху контрола за бутон.
- Първо, трябва да промените свойството на текста на контрола на бутона. Отидете на прозорците на свойствата и променете текста на 'submit'.
- По същия начин променете свойството на името на контролата. Отидете на прозорците на свойствата и променете името на 'btnSubmit'.
След като направите горните промени, ще видите следния изход
Изход: -
Поздравления, вече имате първия си основен формуляр за Windows. Нека сега да преминем към следващата тема, за да видим как можем да направим обработка на събития за контроли.
C # Обработка на събития за контроли
Когато работите с Windows form, можете да добавяте събития към контролите. Събитието е нещо, което се случва, когато се извърши действие. Може би най-често срещаното действие е щракването на бутон върху формуляр. В C # Windows Forms можете да добавите код, който може да се използва за извършване на определени действия при натискане на бутон върху формуляра.
Обикновено при натискане на бутон върху формуляр това означава, че трябва да се извърши някаква обработка.
Нека да разгледаме едно от събитията и как може да се обработи, преди да преминем към сценария на събитието на бутона.
Примерът по-долу ще покаже събитие за контрола Listbox. Така че всеки път, когато елемент е избран в контролната кутия на списъка, трябва да се появи съобщение, което показва избрания елемент. Нека да изпълним следните стъпки, за да постигнем това.
Стъпка 1) Щракнете двукратно върху списъка в конструктора на формуляри . По този начин Visual Studio автоматично ще отвори кодовия файл за формуляра. И автоматично ще добави метод на събитие към кода. Този метод на събитие ще се задейства всеки път, когато е избран елемент в списъчното поле.
По-горе е фрагментът от код, който се добавя автоматично от Visual Studio, когато щракнете двукратно върху контрола на полето Списък във формуляра. Сега нека добавим долната секция на кода към този фрагмент от код, за да добавим необходимата функционалност към списъчното събитие.
- Това е методът за обработка на събития, който се създава автоматично от Visual Studio, когато щракнете двукратно върху контрола на полето Списък. Не е нужно да се притеснявате за сложността на името на метода или параметрите, предадени на метода.
- Тук получаваме SelectedItem чрез свойството lstCity.SelectedItem. Не забравяйте, че lstCity е името на нашата контрола Listbox. След това използваме метода GetItemText, за да получим действителната стойност на избрания елемент. След това присвояваме тази стойност на текстовата променлива.
- И накрая, използваме метода MessageBox, за да покажем на потребителя стойността на текстовата променлива.
Ако направите горните промени и стартирате програмата в Visual Studio, ще видите следния изход
Изход: -
От изхода можете да видите, че когато е избран елемент от списъчното поле, ще се появи съобщение. Това ще покаже избрания елемент от списъчното поле.
Сега нека разгледаме окончателния контрол, който е методът за щракване на бутона. Отново това следва същата философия. Просто щракнете двукратно върху бутона в конструктора на форми и той автоматично ще добави метода за манипулатора на събития на бутони. След това просто трябва да добавите кода по-долу.
- Това е методът за обработка на събития, който се създава автоматично от Visual Studio, когато щракнете двукратно върху бутона за управление. Не е нужно да се притеснявате за сложността на името на метода или параметрите, предадени на метода.
- Тук получаваме стойности, въведени в полето за име и адрес. Стойностите могат да бъдат взети от свойството text на текстовото поле. След това присвояваме стойностите на 2 променливи, име и адрес, съответно.
- И накрая, използваме метода MessageBox, за да покажем стойностите на името и адреса на потребителя.
Ако направите горните промени и стартирате програмата в Visual Studio, ще видите следния изход
Изход: -
- Първо въведете стойност в полето за име и адрес.
- След това кликнете върху бутона Submit
След като щракнете върху бутона Изпращане, ще се появи поле за съобщение и то правилно ще ви покаже какво сте въвели в раздела с подробности за потребителя.
Контрол на дърво и PictureBox
Има още 2 контрола, които можем да разгледаме, единият е „Контрол на дървото“, а другият е „Контрол на изображението“. Нека да разгледаме примери за това как можем да приложим тези контроли
Контрол на дърветата
- Контролът на дървото се използва за изброяване на елементи в дърво като мода. Може би най-добрият пример е, когато видим самия Windows Explorer. Структурата на папките в Windows Explorer е като дървовидна структура.
Нека да видим как можем да приложим това с пример, показан по-долу.
Стъпка 1) Първата стъпка е да плъзнете контролата за дърво върху формуляра на Windows от кутията с инструменти, както е показано по-долу
Стъпка 2) Следващата стъпка е да започнете да добавяте възли към колекцията дърво, за да може тя да се появи в дървото съответно. Първо, нека следваме под-стъпките по-долу, за да добавим корен възел към колекцията дърво.
- Отидете в полето с инструменти за управление на дървесния изглед. Щракнете върху свойството на възела. Това ще отвори редактора на TreeNode
- В TreeNode Editor щракнете върху бутона Добавяне на корен, за да добавите корен възел към колекцията дървета.
- След това променете текста на коренния възел и предоставете текста като корен и щракнете върху бутона „OK“. Това ще добави корен възел.
Стъпка 3) Следващата стъпка е да започнете да добавяте дъщерни възли към колекцията дърво. Нека следваме долните под-стъпки, за да добавим детски корен възел към колекцията дърво.
- Първо кликнете върху бутона Добавяне на дете. Това ще ви позволи да добавите дъщерни възли към колекцията Tree.
- За всеки дъщерен възел променете свойството text. Продължете да повтаряте предишната стъпка и тази стъпка и добавете 2 допълнителни възли. В крайна сметка ще имате 3 възела, както е показано по-горе, като текстът е съответно етикет, бутон и отметка.
- Щракнете върху бутона OK
След като направите горните промени, ще видите следния изход.
Изход: -
Ще можете да видите дървовидния изглед, добавен към формуляра. Когато стартирате приложението за формуляр на Windows, можете да разгънете основния възел и да видите дъщерните възли в списъка.
Контрол на PictureBox
Този контрол се използва за добавяне на изображения към Winforms C #. Нека да видим как можем да приложим това с пример, показан по-долу.
Стъпка 1) Първата стъпка е да плъзнете контролата PictureBox върху формуляра на C # Windows от кутията с инструменти, както е показано по-долу
Стъпка 2) Следващата стъпка е всъщност да прикачите изображение към контрола на кутията за картини. Това може да стане, като следвате стъпките по-долу.
- Първо кликнете върху свойството Image за контрола PictureBox. Ще се появи нов прозорец.
- В този прозорец кликнете върху бутона Импортиране. Това ще се използва за прикачване на изображение към контрола на кутията на картината.
- Ще се появи диалогов прозорец, в който ще можете да изберете изображението, което да прикачите
- Щракнете върху бутона OK
Ако направите горните промени, ще видите следния изход
Изход: -
От изхода можете да видите, че във формуляра се показва изображение.
Обобщение
- Формуляр за Windows в приложението C # е този, който се изпълнява на работния плот на компютър. Visual Studio Form заедно със C # може да се използва за създаване на приложение за Windows Forms.
- Контроли могат да се добавят към формулярите на Windows C # чрез кутията с инструменти в Visual Studio. Контроли като етикети, квадратчета за отметка, радиобутони и др. Могат да бъдат добавени към формуляра чрез кутията с инструменти.
- Може да се използват и усъвършенствани контроли като дървовидния контрол и контрола PictureBox.
- Манипулаторите на събития се използват за отговор на събития, генерирани от контроли. Най-често срещаният е този, добавен за събитие с щракване върху бутона.