До сада смо видели како да радимо са Ц # за стварање конзоластих апликација. Али у сценарију из стварног живота тим обично користи Висуал Студио и Ц # за креирање Виндовс образаца или апликација заснованих на Вебу.
Апликација Виндовс образац је апликација која је дизајнирана за покретање на рачунару. Неће се покретати у веб прегледачу, јер тада постаје веб апликација.
Овај водич ће се фокусирати на то како можемо створити апликације засноване на Виндовс-у. Такође ћемо научити неке основе о раду са различитим елементима Ц # Виндовс апликације.
У овом водичу за Виндовс научићете-
- Основе Виндовс Формс-а
- Поздрав свету у Виндовс обрасцима
- Додавање контрола у образац
- Руковање догађајима за контроле
- Стабло и ПицтуреБок контрола
Основе Виндовс Формс-а
Апликација за Виндовс обрасце је она која се покреће на рачунару. Апликација за Виндовс обрасце обично има колекцију контрола као што су ознаке, оквири за текст, оквири са списком итд.
Испод је пример једноставне апликације за Виндовс образац Ц #. Приказује једноставан екран за пријаву којем корисник може приступити. Корисник ће унијети потребне вјеродајнице, а затим ће кликнути на дугме Пријава за наставак.
Дакле, пример контрола доступних у горњој апликацији
- Ово је колекција контрола налепница које се обично користе за опис суседних контрола. Дакле, у нашем случају имамо 2 оквира за текст, а ознаке се користе да поруче кориснику да је једно поље за унос корисничког имена, а друго за лозинку.
- Два поља за текст се користе за задржавање корисничког имена и лозинке које ће корисник унети.
- Коначно, имамо контролу тастера. Контрола дугмета обично има прикључен неки код за извршавање одређеног скупа радњи. Тако, на пример, у горњем случају, могли бисмо да дугме изврши радњу потврде корисничког имена и лозинке које корисник унесе.
Ц # Хелло Ворлд
Сада погледајмо пример како можемо да имплементирамо једноставну „здрави свет“ апликацију у Висуал Студио. Да бисмо то постигли, морали бисмо да применимо доле поменуте кораке
Корак 1) Први корак укључује стварање новог пројекта у Висуал Студио-у. Након покретања Висуал Студија, морате одабрати опцију менија Ново-> Пројекат.
Корак 2) Следећи корак је одабир типа пројекта као апликације Виндовс Формс. Овде такође морамо споменути назив и локацију нашег пројекта.
- У дијалошком оквиру пројекта можемо да видимо разне опције за креирање различитих врста пројеката у Висуал Студио-у. Кликните опцију Виндовс на левој страни.
- Када кликнемо на Виндовс опције у претходном кораку, моћи ћемо да видимо опцију за Виндовс Формс Апплицатион. Кликните ову опцију.
- Даћемо име апликацији. У нашем случају то је ДемоАпплицатион. Такође ћемо обезбедити локацију за чување наше апликације.
- На крају, кликнемо на дугме „У реду“ да бисмо Висуал Студиоу омогућили да креира наш пројекат.
Ако се следе горњи кораци, добићете доњи излаз у Висуал Студио-у.
Излаз: -
Видећете Дизајнер образаца приказан у Висуал Студио-у. У овом дизајнеру образаца започет ћете изградњу апликације Виндовс Формс.
У истраживачу решења моћи ћете да видите и решење ДемоАпплицатион. Ово решење ће садржати доленаведене 2 пројектне датотеке
- Апликација за образац под називом Формс1.цс. Ова датотека ће садржати сав код за апликацију Виндовс образац.
- Главни програм под називом Програм.цс је задата кодна датотека која се креира када се креира нова апликација у Висуал Студио-у. Овај код ће садржати почетни код апликације у целини.
На левој страни Висуал Студија видећете и ТоолБок. Кутија алата садржи све контроле које се могу додати у Виндовс Формс. Контроле попут оквира за текст или налепнице само су неке од контрола које се могу додати у Виндовс Формс.
Испод је снимак екрана како изгледа Тоолбок.
Корак 3) У овом кораку ћемо додати образац на етикету која ће приказивати „Хелло Ворлд“. Из оквира са алаткама мораћете да изаберете контролу ознаке и једноставно је превучете на образац.
Једном када повучете налепницу у образац, можете видети налепницу уграђену у образац као што је приказано доле.
Корак 4) Следећи корак је да пређете на својства контроле и промените текст у „Хелло Ворлд“.
Да бисте прешли на својства контроле, морате десним тастером миша кликнути на контролу и одабрати опцију менија Својства
- Панел својстава такође се приказује у Висуал Студио-у. Дакле, за контролу ознака, у контроли својстава идите на одељак Текст и унесите „Хелло Ворлд“.
- Свака контрола има скуп својстава која описују контролу.
Ако следите све горње кораке и покренете програм у Висуал Студио-у, добићете следећи излаз
Излаз: -
У излазу можете видети да се приказује Виндовс образац. Такође можете видети да је „Хелло Ворлд“ приказан на обрасцу.
Додавање контрола у образац
Већ смо видели како да додамо контролу у образац када смо додали контролу ознаке у ранијем одељку да би се приказало „Хелло Ворлд“.
Погледајмо остале контроле доступне за Виндовс обрасце и видећемо нека њихова уобичајена својства.
У нашој апликацији за Виндовс обрасце у примерима Ц # створићемо један образац који ће имати следеће функције.
- Способност да корисник унесе име и адресу.
- Опција за одабир града у којем корисник борави
- Способност корисника да унесе опцију за пол.
- Опција за одабир курса који корисник жели да научи. Биће доступни и за Ц # и за АСП.Нет
Дакле, погледајмо детаљно сваку контролу и додајте их како бисмо изградили образац са горе поменутом функционалношћу.
Гроуп Бок
Оквир групе се користи за логичко груписање контрола у одељак. Узмимо пример ако сте имали колекцију контрола за унос детаља као што су име и адреса особе. У идеалном случају, ово су детаљи о особи, па бисте те детаље желели да имате у посебном одељку на обрасцу. У ту сврху можете добити групни оквир. Погледајмо како то можемо применити на примеру приказаном доле
Корак 1) Први корак је превлачење контроле Гроупбок у Виндовс образац из оквира са алаткама као што је приказано доле
Корак 2) Једном када је групни сандук додан, идите на прозор својстава кликом на контролу групног сандука. У прозору својстава идите на својство Текст и промените га у „Кориснички детаљи“.
Једном када направите горе наведене промене, видећете следећи излаз
Излаз: -
У излазу можете јасно видети да је Гроупбок додат у образац. Такође можете видети да је текст групног сандука промењен у „Кориснички детаљи“.
Контрола налепница
Следи Лабел Цонтрол. Контрола ознаке користи се за приказ текста или поруке кориснику на обрасцу. Контрола налепница се обично користи заједно са осталим контролама. Уобичајени примери су када се ознака додаје заједно са контролом оквира за текст.
Ознака кориснику показује шта се очекује да се попуни у оквиру за текст. Погледајмо како то можемо применити на примеру приказаном доле. Додаћемо 2 ознаке, једну која ће се звати „име“, а другу „адреса“. Користиће се заједно са контролама текстуалног оквира које ће бити додате у следећем одељку.
Корак 1) Први корак је превлачење контроле ознака на Виндовс образац из оквира са алаткама као што је приказано доле. Обавезно повуците контролу налепнице 2 пута како бисте могли да имате једну за „име“, а другу за „адресу“.
Корак 2) Након додавања налепнице, идите на прозор својстава кликом на контролу налепнице. У прозору својстава идите на својство Текст сваке контроле ознаке.
Једном када направите горе наведене промене, видећете следећи излаз
Излаз: -
Можете да видите контроле ознака додате у образац.
Поље за текст
Оквир за текст се користи за омогућавање кориснику да унесе неки текст у Виндовс апликацију у Ц #. Погледајмо како то можемо применити на примеру приказаном доле. У образац ћемо додати 2 оквира за текст, један за Име, а други за адресу коју ће корисник унети
Корак 1) Први корак је превлачење контроле оквира за текст на Виндовс образац из оквира са алаткама као што је приказано доле
Корак 2) Након додавања оквира за текст, идите на прозор својстава кликом на контролу оквира за текст. У прозору својстава идите на својство Наме и додајте смислено име у сваки оквир за текст. На пример, именујте поље за текст за корисника као тктУсер, а оно за адресу као тктАддресс. За контроле треба направити конвенцију и стандард именовања, јер постаје лакше додавати додатне функције тим контролама, што ћемо видети касније.
Једном када направите горе наведене промене, видећете следећи излаз
Излаз: -
У излазу можете јасно видети да су оквири за текст додати у образац.
Листа кутија
Листбок се користи за приказивање листе ставки на Виндовс обрасцу. Погледајмо како то можемо применити на примеру приказаном доле. У образац ћемо додати оквир са листе за чување неких градских локација.
Корак 1) Први корак је превлачење контроле оквира са списком на Виндовс образац из оквира са алаткама као што је приказано доле
Корак 2) Једном када је оквир са списком додан, идите на прозор својстава кликом на контролу оквира са листом.
- Прво промените својство контроле оквира Листа, у нашем случају смо то променили у лстЦити
- Кликните на својство Предмети. То ће вам омогућити да додате различите ставке које се могу приказати у оквиру са листом. У нашем случају одабрали смо ставке „колекција“.
- У уређивач колекције низова, који ће се појавити, унесите имена градова. У нашем случају ушли смо у „Мумбаи“, „Бангалоре“ и „Хидерабад“.
- На крају, кликните на дугме „У реду“.
Једном када направите горе наведене промене, видећете следећи излаз
Излаз: -
У излазу можете видети да је Листбок додат у образац. Такође можете видети да је оквир са листом попуњен градским вредностима.
Радио дугме
Дугме за одабир се користи за приказивање листе предмета од којих корисник може да их изабере. Погледајмо како то можемо применити на примеру приказаном доле. Додаћемо радио дугме за мушку / женску опцију.
Корак 1) Први корак је превлачење контроле „радио дугмета“ у Виндовс образац из оквира са алаткама као што је приказано доле.
Корак 2) Једном када је радио дугме додато, идите на прозор својстава кликом на контролу дугмета Радио.
- Прво морате да промените својство текста обе радио контроле. Идите на прозоре својстава и промените текст у мушки од једног дугмета, а текст другог у женски.
- Слично томе, промените својство имена обе радио контроле. Идите на прозоре својстава и промените име у „рдМале“ једног радио дугмета, а у „рдфемале“ за други.
Ако направите горе наведене промене, видећете следећи излаз
Излаз: -
Видећете радио дугмад додата у Виндовс образац.
Поље за потврду
Поље за потврду користи се за пружање листе опција у којима корисник може да изабере више избора. Погледајмо како то можемо применити на примеру приказаном доле. У наше Виндовс обрасце додаћемо 2 поља за потврду. Ова поља за потврду пружају кориснику могућност да ли жели да научи Ц # или АСП.Нет.
Корак 1) Први корак је превлачење контроле поља за потврду на Виндовс образац из оквира са алаткама као што је приказано доле
Корак 2) Након додавања поља за потврду, идите на прозор својстава кликом на контролу поља за потврду.
У прозору својстава,
- Прво морате да промените својство текста обе контроле поља за потврду. Идите на прозоре својстава и промените текст у Ц # и АСП.Нет.
- Слично томе, промените својство имена обе радио контроле. Идите на прозоре својстава и промените име у цхкЦ једног поља за потврду, а у цхкАСП другог.
Једном када направите горе наведене промене, видећете следећи излаз
Излаз: -
Дугме
Дугме се користи да би се кориснику омогућило да кликне на дугме које би започело обраду обрасца. Погледајмо како то можемо применити на примеру приказаном доле. Додаћемо једноставно дугме под називом „Пошаљи“ које ће се користити за слање свих података на обрасцу.
Корак 1) Први корак је превлачење контроле дугмета на Виндовс образац из оквира са алаткама као што је приказано доле
Корак 2) Једном када је дугме додато, идите на прозор својстава кликом на контролу дугмета.
- Прво морате да промените својство текста контроле дугмета. Идите на прозоре својстава и промените текст у 'субмит'.
- Слично томе, промените својство имена контроле. Идите на прозор својстава и промените име у 'бтнСубмит'.
Једном када направите горе наведене промене, видећете следећи излаз
Излаз: -
Честитамо, сада имате свој први основни Виндовс образац. Идемо сада на следећу тему да видимо како можемо да радимо са руковањем догађајима за контроле.
Ц # Руковање догађајима за контроле
Када радите са Виндовс формом, можете да додате догађаје у контроле. Догађај је нешто што се дешава када се изврши нека радња. Вероватно најчешћа радња је клик на дугме на обрасцу. У Ц # Виндовс Формс можете додати код који се може користити за извршавање одређених радњи када се на обрасцу притисне дугме.
Обично када се на обрасцу притисне дугме, то значи да треба извршити неку обраду.
Погледајмо један од догађаја и како се њиме може руковати пре него што пређемо на сценарио догађаја дугмета.
Следећи пример ће приказати догађај за контролу Листа. Дакле, кад год је ставка изабрана у контроли листе, требало би да се појави оквир са поруком који приказује изабрану ставку. Извршимо следеће кораке да бисмо то постигли.
Корак 1) Двапут кликните на Листбок у дизајнеру образаца . Радећи ово, Висуал Студио ће аутоматски отворити датотеку кода за образац. И аутоматски ће додати метод догађаја у код. Овај метод догађаја активираће се кад год се изабере било која ставка у оквиру са списком.
Изнад је исечак кода који Висуал Студио аутоматски додаје када двокликнете контролу оквира са листом на обрасцу. Хајде сада да додамо доњи одељак кода овом исечку кода да бисмо додали потребну функционалност догађају листе.
- Ово је метода руковања догађајима коју Висуал Студио аутоматски креира када двапут кликнете на контролу оквира листе. Не треба да бринете о сложености имена методе или параметара прослеђених методи.
- Овде добијамо СелецтедИтем кроз својство лстЦити.СелецтедИтем. Запамтите да је лстЦити име наше контроле оквира за листе. Затим користимо методу ГетИтемТект да бисмо добили стварну вредност изабране ставке. Затим ову вредност додељујемо текстуалној променљивој.
- На крају, користимо методу МессагеБок да бисмо кориснику приказали вредност текстуалне променљиве.
Када направите горе наведене промене и покренете програм у Висуал Студију, видећете следећи излаз
Излаз: -
Из излаза можете видети да ће се појавити оквир са поруком када се изабере било која ставка из оквира са листом. Ово ће приказати изабрану ставку из оквира са листом.
Сада погледајмо завршну контролу која је метод клика на дугме. Ово опет следи исту филозофију. Само двапут кликните на дугме у Дизајнеру образаца и он ће аутоматски додати метод за обраду догађаја дугмета. Тада само треба да додате доњи код.
- Ово је метода руковања догађајима коју Висуал Студио аутоматски креира када двапут кликнете на контролу дугмета. Не морате да бринете о сложености имена методе или параметара прослеђених методи.
- Овде добијамо вредности унете у поље за име и адресу. Вредности се могу преузети из својства текста у оквиру за текст. Затим додељујемо вредности 2 променљиве, имену и адреси у складу с тим.
- На крају, користимо методу МессагеБок да бисмо кориснику приказали вредности имена и адресе.
Када направите горе наведене промене и покренете програм у Висуал Студију, видећете следећи излаз
Излаз: -
- Прво унесите вредност у поље за име и адресу.
- Затим кликните на дугме Пошаљи
Једном када кликнете на дугме Пошаљи, отвориће се оквир са поруком и тачно ће вам показати шта сте унели у одељак са корисничким детаљима.
Стабло и ПицтуреБок контрола
Постоје још две контроле које можемо погледати, једна је „Контрола стабла“, а друга „Контрола слике“. Погледајмо примере како можемо применити ове контроле
Трее Цонтрол
- Контрола стабла се користи за листање ставки на дрвету попут начина. Вероватно је најбољи пример када видимо сам Виндовс Екплорер. Структура директоријума у програму Виндовс Екплорер је слична структури налик дрвету.
Погледајмо како то можемо применити на примеру приказаном доле.
Корак 1) Први корак је превлачење контроле стабла на Виндовс образац из оквира са алаткама као што је приказано доле
Корак 2) Следећи корак је започети додавање чворова у колекцију стабала како би се могла појавити у дрвету у складу с тим. Прво, следимо доње поткораке за додавање коријенског чвора у колекцију стабала.
- Идите на оквир са својствима за контролу приказа стабла. Кликните на својство чвора. Ово ће отворити ТрееНоде Едитор
- У уређивачу ТрееНоде кликните на дугме Адд Роот да бисте додали коријенски чвор у колекцију стабала.
- Даље, промените текст Роот чвора и наведите га као Роот и кликните на дугме „ОК“. Ово ће додати роот чвор.
Корак 3) Следећи корак је започети додавање подређених чворова у колекцију стабала. Пратимо доње поткораке за додавање подређеног чвора у колекцију стабала.
- Прво кликните на дугме Додај дете. Ово ће вам омогућити да додате подређене чворове у колекцију Трее.
- За сваки подређени чвор промените својство текста. Наставите да понављате претходни корак и овај корак и додајте 2 додатна чвора. На крају ћете имати 3 чвора, као што је приказано горе, са текстом као Ознака, Дугме и Поље за потврду.
- Кликните на дугме ОК
Једном када направите горе наведене промене, видећете следећи излаз.
Излаз: -
У образац ћете моћи да видите приказ Дрво. Када покренете апликацију Виндовс образац, можете проширити основни чвор и видети подређене чворове на листи.
ПицтуреБок Цонтрол
Ова контрола се користи за додавање слика у Винформс Ц #. Погледајмо како то можемо применити на примеру приказаном доле.
Корак 1) Први корак је превлачење контроле ПицтуреБок у Ц # Виндовс образац из оквира са алаткама као што је приказано доле
Корак 2) Следећи корак је додавање слике на контролу оквира за слике. То се може урадити следећи кораке у наставку.
- Прво кликните на својство Имаге за контролу ПицтуреБок. Искочиће нови прозор.
- У овом прозору кликните на дугме Увези. Ово ће се користити за причвршћивање слике на контролу оквира са сликама.
- Појавиће се дијалошки оквир у којем ћете моћи да изаберете слику за причвршћивање слике
- Кликните на дугме ОК
Ако направите горе наведене промене, видећете следећи излаз
Излаз: -
Из излаза можете видети да се слика приказује на обрасцу.
Резиме
- Виндовс образац у апликацији Ц # је онај који се покреће на радној површини рачунара. Висуал Студио Форм заједно са Ц # може се користити за креирање апликације Виндовс Формс.
- Контроле се могу додати у Виндовс обрасце Ц # путем Тоолбок-а у Висуал Студио-у. Контроле попут ознака, поља за потврду, радио дугмади итд. Могу се додати у образац путем оквира са алаткама.
- Такође се могу користити напредне контроле попут контроле приказа стабла и контроле ПицтуреБок.
- Обрађивачи догађаја се користе да одговоре на догађаје генерисане контролама. Најчешћи је онај који је додат за догађај на који је кликнуто.