Графички кориснички интерфејс GUI (Graphical User Interface) чини прозор и окружење са којим корисник ради.
• Да бисмо видели како изгледа прозор и који су његови делови на примеру Visual Studio 2012 најпре ћемо проћи следеће кораке:
![]() |
Слика 2.7. Почетна страна |
![]() |
Слика 2.8. Прозор за отварање новог пројекта |
![]() |
Слика 2.9. Прозор за отварање новог пројекта |
![]() |
|
Слика 2.10. Радна површина | |
Слика 2.10. приказује главни прозор апликације Visual Studio 2012 и на њој су објашњени основни елементи за рад у овом окружењу. 1.Трака са натписом-Caption bar се налази уз горњу ивицу прозора. Састоји се од натписа (који садржи име апликације, у нашем случају: WindowsFormsApplication1 - Microsoft Visual Studio) и управљачких дугмета. 2.Управљачка дугмета: minimize, maximize, close. Притиском на ове дугмиће прозор ће се: смањити, раширити или затворити. 3.Трака главног менија- menu bar се налази испод траке са натписом и садржи ставке за избор појединих група радњи: File, Edit, View, Project, Build, Debug, Data... 4.Трака са алаткама - toolbar се налази испод траке главног менија и садржи дугмад са сличицама за брзо извршавање најкоришћенијих радњи. 5.Подмени - submenu је видљив избором ставке из главног менија и садржи конкретне операције везане за исту. 6.Радна површина - Form заузима централни део екрана и види се када се програм извршава. Могуће је мењати њено име и друге параметре (боју, ширину, висину...) 7.Статусна линија - Status bar се налази уз доњу ивицу прозора и садржи податке о стању апликације (у нашем случају: Ready, што значи да је Visual Studio спреман за рад). Ако се подсетимо раније научених апликација као што су нпр. Word или Excell и упоредимо са Сликом 2.10, јасно је да међу њима постоје велике сличности, које кориснику омогућавају лако сналажење и коришћење. |
![]() |
Слика 2.11. Радна површина |
![]() |
Слика 2.12. Радна површина |
Да бисмо видели наш прозор и његове делове пратимо следеће кораке:
Упутство: | Слика: |
---|---|
1. Покренимо Microsoft Visual Studio .NET |
![]() |
Слика 2.6. VS 2012 | |
2. Почетна страна | ![]() |
Слика 2.7. Почетна страна | |
3. Изаберимо FILE->New Project или кликнимо на ![]() |
![]() |
Слика 2.8. Прозор за отварање новог пројекта | |
4. Отворен је Project dialog прозор: изаберимо Visual C# у листи Installed, затим бирамо Windows Forms Application, у текст поље Name унесимо име нашег пројекта или можемо прихватити већ понуђено име. Потврдимо са ОК. | ![]() |
Слика 2.9. Прозор за отварање новог пројекта | |
5. Ово је наш прозор! | ![]() |
Слика 2.10. Радна површина | |
Слика 2.10. приказује главни прозор апликације Visual Studio 2012 и на њој су објашњени основни елементи за рад у овом окружењу. 1. Трака са натписом-Caption bar се налази уз горњу ивицу прозора. Састоји се од натписа (који садржи име апликације, у нашем случају: WindowsFormsApplication1 - Microsoft Visual Studio) и управљачких дугмета. 2. Управљачка дугмета: minimize, maximize, close. Притиском на ове дугмиће прозор ће се: смањити, раширити или затворити. 3. Трака главног менија- menu bar се налази испод траке са натписом и садржи ставке за избор појединих група радњи: File, Edit, View, Project, Build, Debug, Data... 4. Трака са алаткама - toolbar се налази испод траке главног менија и садржи дугмад са сличицама за брзо извршавање најкоришћенијих радњи. 5. Подмени - submenu је видљив избором ставке из главног менија и садржи конкретне операције везане за исту. 6. Радна површина - Form заузима централни део екрана и види се када се програм извршава. Могуће је мењати њено име и друге параметре (боју, ширину, висину...) 7. Статусна линија - Status bar се налази уз доњу ивицу прозора и садржи податке о стању апликације (у нашем случају: Ready, што значи да је Visual Studio спреман за рад). Ако се подсетимо раније научених апликација као што су нпр. Word или Excell и упоредимо са Сликом 2.10, јасно је да међу њима постоје велике сличности, које кориснику омогућавају лако сналажење и коришћење. |
|
6. Да бисмо превели и покренули апликацију притиснемо F5 или одаберимо из главног менија DEBUG->Start Debugging |
![]() |
Слика 2.11. Радна површина | |
7. Затварамо га на дугме ![]() |
![]() |
Слика 2.12.Радна површина | |