Anniversary - BF C/C++ week
80 % bodů zdarma na online výuku díky naší Narozeninové akci!
Pouze tento týden sleva až 80 % na e-learning týkající se C/C++

2. diel - Visual Studio - Okná, projekty, riešenia a terminológie

Vítam Vás pri pokračovaní seriálu o prácu s Visual Studiom. V minulej lekcii, Visual Studio - Úvod do vývojového prostredia , sme si Visual Studio predstavili a naučili sa ho spúšťať s tými najdôležitejšími parametrami. Dnes sa zameriame na prispôsobenie pracovného prostredia a vytváranie projektov.

Pracovné prostredie - okná

Základom práce vo Visual Studiu sú okná. Sú pekná, že? Tak ich všetky zatvoríme ... Křížkujte každej okienko vo Visual Studiu, tak dlho, kým neuvidíte nasledujúce prostredie.

Nezabudnite ani na tie vľavo vyčnievajúce Server Explorer a ToolBox. Kliknite na ne a potom je vykřížkujte.

Práve vidíte prázdne prostredia Visual Studia. Všetky okienka, ktorá sme zavreli, si postupne spätne zobrazíme, ale najprv sa s nimi naučíme pracovať. Choďte do ponuky View> a kliknite zhruba v polovici na Error List.

V dolnej časti okna sa vám otvorí príslušné okno.

Uchopte jeho hlavičky a začnite ho preťahovať. Objaví sa Vám 9 ikoniek (4 po stranách, 4 v krížoch uprostred a jedna uprostred). Keď si nad nimi budete preťahovať uvidíte novú pozíciu okna. Vyskúšajte si to.

Potom okno presuňte tak, aby zakrylo celú plochu. Pri skúšaní istoiste zistíte, aká je to ikona.

S jedným oknom je to nuda, poďme pridať druhé. V ponuke View> vyberte Solution Explorer. Ten sa otvoril vpravo. Opäť pretiahnite jeho hlavičky. Ikoniek je teraz viac, opäť si vyskúšajte. Rôzne ikony sa správajú rôzne (hoci to zrovna môže vyzerať, že rovnako). Opäť si vyskúšajte pretiahnuť okno presne na prostrednej ikonu. Okná sa zazáložkují a kliknutím sa medzi nimi môžete prepínať. A rôzne ich vyťahovať. Podstata toho je, že každý súbor zdrojového kódu bude reprezentovaný vo svojom okne. Z toho vyplýva, že zdrojové kódy si môžete rôzne poskladať. Záložky je možné pretiahnutím cez seba radiť.

Potom si ešte vyskúšajte okná naskladať vedľa seba a pretiahnite hranu medzi nimi. Tým môžete meniť veľkosť okien.

Akonáhle si dohráte, otvorte si nasledujúce okná.

  • View> ToolBox
  • View> Start page
  • View> Error List
  • View> Class View
  • View> Team Explorer
  • View> Solution Explorer
  • View> ServerExplorer

Potom si okná usporiadajte tak, aby boli rozmiestnené podľa obrázku nižšie.

Skrývanie okien

Tento výukový obsah pomáhajú rozvíjať nasledujúce firmy, ktoré možno hľadajú práve teba!

Veľmi dôležité je, vedieť okná schovávať a zase zobrazovať. Hoci možno pracujete na počítači s veľkým monitorom a obrovským rozlíšením, sem tam je potrebné pracovať na notebooku, ktorý tak veľkým displejom neoplýva. Preto je dobré okná schovávať. Vedľa krížika majú postranné okienka ešte ikony pripináčiky a sipecka. Sipecka vyvolá kontextové menu s možnosťami.

  • Float jednoducho uvoľní okno, v podstate to isté ako keď ho uchopíte za záhlavie a začnete ťahať.
  • Dock plávajúce okno naopak prichytí.
  • Dock As tabed dokument ho pripne do prostrednej oblasti k otvoreným panelom ako panel s záložkou.
  • Auto hide okno prichytí k okraju, odkiaľ si ho kliknutím zase otvoríte.
  • Hide okno zavrie.

Funkcia Auto Hide sa používa často, preto je vyvedená na ikonu pripináčiky. A Hide je zase vyvedené do sporu. Vyskúšajte si okná popřipínat. Všimnite si, že prostredný okná majú len krížik a pripináčika. Krížik je všade rovnaký a pripináčika vám okno "pripne" na začiatok pásu s kartami. Oveľa dôležitejšie je tu však kontextová ponuka, ktorá sa zobrazí po kliknutí pravým tlačidlom myši na záložku. Obsahuje funkcie Close a Close All but this. Funkcia Close zavrie aktuálnu záložku (= krížik), funkcia Close All but this naopak zavrie všetky ostatné okrem práve vybrané. Sú to užitočné funkcie a sem tam si na určite radi spomeňte. S panely sa postupom času zžijete natoľko, že si ani nebudete uvedomovať, aké komplikované manévre s nimi intuitívne robíte.

Terminológie Visual Studia

Visual Studio obsahuje pár veľmi dôležitých pojmov s ktorými budete celý čas pracovať.

Riešenia a projekty

Základom všetkého je Riešenie (Solution). Riešenie si môžete prezerať v okne Solution Explorer. Zatiaľ tam nič nemáte. To sa ale v nasledujúcej lekcii zmení. Riešenie obsahuje Projekty. Visual Studio rozlišuje dva základné typy projektov - Project a Website. Projekt býva väčšinou nejaký program. Môže to byť klasická desktopová aplikácia, konzolová v Pythone, mobilné aplikce vo Visual Basicu atd ... Website je potom webová stránka, ktorá je umiestnená na serveri, či už lokálnym alebo vzdialenom. O oboch typoch si povieme niekedy nabudúce.

Súbory Visual Studia

Pri práci s Visual štúdiom budete stále narážať na niekoľko súborov, u ktorých vám je jedno, čo v nich je, ale musíte vedieť na čo sú a čo sa stane, keď si ich zmažete.

Súbor riešení SLN

Súbor riešenie má príponu .sln a obsahuje informácie kde sú uložené projekty, ktorým riešenie patrí.

Súbory projektov

Súbory jednotlivých projektov už majú svoje vlastné prípony a každý inú, projekty v C# majú napr. Príponu .csproj. Vo Visual Basicu .vbproj a podobné.

Zakladanie projektov

Projekt založíme v kontextovej ponuke File> New> Project. Otvorí sa vám nasledujúce dialógové okno.

Toto dialógové okno je zoradený do štyroch častí. Pravá, prostredná, ľavá a spodná. V ľavej časti sa nachádza zoznam dostupných šablón projektov. Je členený do skupín podľa programovacích jazykov alebo technológií. Zaujímavá je potom kategórie Other Project Types, v ktorej sú ešte podskupiny Setup and Deployment a Visual Studio Solutions. Keď si do Visual Studia zavedie InstallShield, dostanete možnosť vytvárať pre svoje aplikácie inštalátory a projekty pre takúto tvorbu budú zaradené práve v tejto skupine. V skupine Visual Studio Solutions je potom jeden jediný projekt Blank Solution, ktorý vytvorí prázdne riešenie.

Ako ste si už asi všimli, zoznam dostupných projektov je v prostrednej časti. Hore v prostrednej časti si možno vybrať verziu .NET Frameworku, pre ktorý chcete vyvíjať (pri projektoch, ktoré ho nevyžadujú, ponechajte predvolenú hodnotu), podľa čoho sa zoznam bude radiť a či chcete vidieť veľký náhľad alebo miniatúry.

V pravej časti je potom stručný popis a (občas) náhľad k šablóne projektu.

V spodnej časti sa potom nachádza políčko pre názov nového projektu, kde sa má uložiť a ako sa má vymenovať riešenie, ktoré bude taktiež vytvorené a do neho umiestnený projekt. Vedľa je ešte zatržítko, ktoré hovorí, že bude vytvorená zložka pre riešenie a možnosť umiestniť projekt do verziovacieho systému.

Vytvorme si nový projekt v jazyku C# typu Console Application. Budeme to brať na ukážku, v rámci tohto tutoriálu vôbec C# poznať nemusíte. Pri vytváraní ponechajte predvolené nastavenie, projekt pomenujte MyFirstProjetInVisualStudio * a uložte si ho niekam, tak aby ste si zapamätali kam.

Potvrďte OK. Visual Studio vám vytvorí riešenie a projekt. Potom otvorí predvolený zdrojový kód Program.cs. Nastavte si vo Visual Studiu okná, aby vyzerala podobne ako na nasledujúcom obrázku.

Dôležité pre nás bude okno Solution Explorer, asi tušíte že ho zobrazíte (ako väčšinu okien) cez ponuku View sa stejnoujmennou položkou (View> Solution Explorer).

Okno Solution Explorer

V okne Solution Explorer sa nachádza otvorené riešenia a projekty v ňom. Trošku si ho roztiahne, nech na neho vidíme.

Úplne prvý riadok okna (Solution MyFirstProjetInVisualStudio (1 project)) hovorí, že máme otvorené riešenie a v ňom jeden projekt. V úvodzovkách sa nachádza názov projektu. Položky Properties, References, App.config a Program.cs sú už potom položky projektu. Môžeme ich rozbaľovať (pokiaľ to ide) a pozerať sa čo v nich je. Ak je možné otvoriť, môžeme tak urobiť poklikaním. Zatvorte si okno zdrojového kódu Program.cs a znova ho otvorte dvojitým kliknutím na súbor Program.cs v okne Solution Explorer. Práve cez toto okno sa budete dostávať k takmer všetkým zdrojovým kódom.

Pridávanie projektu do riešenia

Riešenie môže obsahovať viac projektov. Kliknite pravým tlačidlom na riešenie, v kontextovej ponuke vyberte Add> a vyberte New Project.

Opäť vidíte rovnaké dialógové okno, ktoré sme videli pri zakladaní prvého projektu. Opäť si môžeme zvoliť projekt. Tentoraz si zvoľte Console Application v programovacom jazyku Visual Basic a pomenujte ho MySecondProjectInVisualStudio. Všimnite si, že dialóg sa vás už nepýta na tvorbu riešení, pretože to už máte.

Potvrďte OK.

Visual Studio vám opäť založí projekt a otvorí tentoraz súbor Module1.vb, opäť v novej záložke. Ako som na začiatku spomenul každý súbor je reprezentovaný oknom a môžete s ním tak manipulovať. Rozpoľte si okno na dve polovice vertikálne tak, aby ste napravo videli zdrojový kód Module1.vb a vľavo Program.cs. Ostatné okná si schovajte (nezatvárajte), tak aby vás nič nerušilo pri prezeraní zdrojových kódov.

Potom si to môžete skúsiť ešte vertikálne.

Visual Studio zatvorte. Visual Studio sa vás asi spýta na uloženie zmien. Potvrďte tlačidlom Yes.

Toto je pre dnešné lekciu všetko. Nabudúce, v lekcii Visual Studio - Nastavenie , si skúsime otvoriť dnešný projekt a nakonfigurujeme Visual Studio, tak aby nám krásne naformátovali kód podľa našich predstáv.


 

 

Článok pre vás napísal Michal Žůrek - misaz
Avatar
Ako sa ti páči článok?
Ešte nikto nehodnotil, buď prvý!
Autor se věnuje tvorbě aplikací pro počítače, mobilní telefony, mikroprocesory a tvorbě webových stránek a webových aplikací. Nejraději programuje ve Visual Basicu a TypeScript. Ovládá HTML, CSS, JavaScript, TypeScript, C# a Visual Basic.
Predchádzajúci článok
Visual Studio - Úvod do vývojového prostredia
Všetky články v sekcii
Visual Studio
Miniatúra
Nasledujúci článok
Visual Studio - Nastavenie
Aktivity (1)

 

 

Komentáre

Avatar
Dagmar Kakosova:2.11.2018 16:55
  • :)

Dobrý den,
No já bych tááák moc chtěla se naučit PHP a HTML a SQL , ale mám, vážné obavy, že jsem prostě tupější...
I na takovéto máte páky, jak to zlomit?
Snažím se naučit sama i SQL. Někdo si řekne- co se na tom učí? Ale já s tím bojuji.
Vy v návodech pro SQL prosím využíváte jakou verzi Visual Studia? Já mám nainstalovanou verzi Visual Studio Community 2017 a nějak se v tom ztrácím. Děkuji za pomoc a radu.
To by bylo hezké, kdyby se podařilo i ze mě udělat programátora . To bych Vám i mě moc přála.
Je možné někde shlédnout nějaké videa ohledně ovládání konzolí pro SQL?

Děkuji moc za Váš čas a omlouvám se za mé stupidní dotazy
Hezký de
D. Kakosová

 
Odpovedať
2.11.2018 16:55
Avatar
Odpovedá na Dagmar Kakosova
Michal Žůrek - misaz:2.11.2018 22:17

Článek je pro Visual Studio 2013, ale s VS 2017 je to stejné. S učením programování začni třeba zde https://www.itnetwork.cz/csharp/zaklady

 
Odpovedať
2.11.2018 22:17
Tento výukový obsah pomáhajú rozvíjať nasledujúce firmy, ktoré možno hľadajú práve teba!
Avatar
Jan Barák
Člen
Avatar
Jan Barák:2.3.2019 15:33

Super díl chvili mě trvalo než sem se stěmi záložkami domluvil ale mám to díky za článek (=

 
Odpovedať
2.3.2019 15:33
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 3 správy z 3.