Графички кориснички интерфејс GUI (Graphical User Interface) чини прозор и окружење са којим корисник ради.
• Да бисмо видели како изгледа прозор и који су његови делови на примеру Visual Studio 2005 најпре ћемо проћи следеће кораке:
Слика 2.7. Почетна страна |
Слика 2.8. Прозор за отварање новог пројекта |
Слика 2.9. Прозор за отварање новог пројекта |
Слика 2.10. Радна површина | |
Слика 2.10. приказује главни прозор апликације Visual Studio 2005 и на њој су објашњени основни елементи за рад у овом окружењу. 1. Трака са натписом-Caption bar се налази уз горњу ивицу прозора. Састоји се од натписа (који садржи име апликације, у нашем случају: WindowsApplication1 - 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 2005 | |
2. Изаберимо Countinue | |
Слика 2.7. Почетна страна | |
3. Изаберимо File->New->Project или кликнимо на | |
Слика 2.8. Прозор за отварање новог пројекта | |
4. Отворен је Project dialog прозор: изаберимо Visual C# Projects у листи Project Types, у Templates листи бирамо Windows Application (.Net), у текст поље Name унесимо име нашег пројекта или можемо прихватити већ понуђено име. Потврдимо са ОК. | |
Слика 2.9. Прозор за отварање новог пројекта | |
5. Ово је наш прозор! | |
Слика 2.10. Радна површина | |
Слика 2.10. приказује главни прозор апликације Visual Studio 2005 и на њој су објашњени основни елементи за рад у овом окружењу. 1. Трака са натписом-Caption bar се налази уз горњу ивицу прозора. Састоји се од натписа (који садржи име апликације, у нашем случају: WindowsApplication1 - 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. Радна површина | |