A "hello"

A "Hello" program megírása előtt határozzuk meg, hogy mi a program, és hogyan kell keresni a műveletet.

A program indítása után megjelenik az alkalmazásablak. Az ablaknak két gombot kell tartalmaznia (Hi és Clear) és egy üres szövegmezőt (Fig.1.1).

Ábra 1.1. App Appearance

Ha rákattintasz a Hello gombra. A szövegmezőben a "Hello, Peace!" Felirat jelenik meg. (1.2 ábra)

1.2 ábra. Az alkalmazás működik.

Ha rákattint a Törlés gombra. a program törli a szövegmezőt.

Új projekt létrehozása

Most, hogy tudjátok, mi kell a program, próbáljuk megírni a C # -nek. Próbálja végrehajtani az összes leírt műveletet.

Az első dolog, ami új programot indít, egy új projekt létrehozása. Ehhez indítsa el a Visual Studio programot. A Fájl menüben kattintson az Új | lehetőségre Project. . Megnyílik az Új projekt párbeszédpanel (Fig.1.1). Válassza ki a Visual C # projekttípust az ablak bal oldalán; Windows-t. A jobb oldalon a kiválasztott projekttípushoz rendelkezésre álló sablonok jelennek meg.

Amint láthatja, a Visual Studio lehetővé teszi különböző típusú projektek létrehozását. Első leckeinkhez a Windows Forms alkalmazás típusának projektjét használjuk. Válassza ki a Windows Forms alkalmazásmintát. Ezután módosítsa a projekt nevét. A Név mezőben törölje a WindowsFormsApplication1 alapértelmezett szövegét, és írja be a MyFirstProgram szövegét. A következő Hely mező azt mutatja, hogy hol tárolja a projektet. Megváltoztathatja a projekt tárolási helyét. Ehhez kattintson a Tallózás gombra. és válassza ki a mappát a számítógépen. Most kattintson az OK gombra.

1.3 ábra. Új projekt létrehozása

Megnyitja a Visual Studio fejlesztői környezetét. A képernyő közepén megjelenik egy űrlap (üres) az 1. formanyomtatványon. Az Ön feladata, hogy úgy nézzen ki, mint egy kész pályázati űrlap

Ábra 1.4. Üres forma

Módosítsa az űrlap fejlécét

A képernyőn megjelenő üres forma Form1 fejlécet tartalmaz. Ez a szabványos felirat a Visual Studio fejlécében hozzárendel minden újonnan létrehozott űrlaphoz. Oktatási célokra a bejegyzést változatlanul hagyhatja, de a formát professzionálisabbá tegyük. Első programunkban a cím a Hello jelzéssel rendelkezik.

Megjegyzés: Az alakot gyakran ablaknak nevezik. Elvileg ez ugyanaz. A fejlesztés során fogjuk használni az űrlapot, és amíg a program fut, ezt a formát a képernyőn egy ablakban hívjuk.

Szóval változtassa meg a formanyomtatvány címét

Győződjön meg róla, hogy az űrlap ablak aktuális. Könnyen felismerhető cím szerint - aktívnak kell lennie (kiemelve). Ha az űrlap nem aktuális, akkor egyszerűen kattintson bárhová az űrlapon vagy a cím alatt.

A fejlesztési környezet jobb oldalán keresse meg a Tulajdonságok ablakot. Ha rejtve van, a Nézet menüben kattintson a Tulajdonságok Windows-ra.

Kattintson a Szöveg jobb oldalán található mezőre. Jelenleg a mező tartalmazza a Form1 szöveget. Törölje ezt a szöveget, és írjon be egy új szöveget. A tulajdonságablaknak az 1.5. Ábrán látható formát kell követnie.

Ábra 1.5. Módosítsa az űrlap címét

Hurrá! Megváltoztatta az űrlap címét. Nézd meg az űrlapot - a felirat megváltozott (ábra.1.6).

Ábra 1.6. Formát egy új fejléccel.

Egy gomb hozzáadása

Tudjuk, hogy a végleges verzióban az űrlapnak a Hello és Clear gombokkal kell rendelkeznie. Tegyük meg.

Ha egy űrlapra egy gombot szeretne elhelyezni, akkor először válassza ki az eszköztárból.

Az eszközgyűjtési ablak különböző kezelőszervek ikonjait tartalmazza. Az Ön feladata, hogy kiválassza a kívánt objektumot, és helyezze az űrlapra.

Megjegyzés: Ha az eszközgyűjtemény nem látható, a Nézet menüben kattintson az Eszköztár elemre.

Keresse meg a kívánt elemet az ikonok között megjelölt gombbal.

Kattintson duplán a gombikonra - ennek eredményeképpen a Visual Studio egy gombot helyez el az űrlapon megjelölt gombra (1.7 ábra).

1.7 ábra. Helyezze a gombot az űrlapra

A Visual Studio automatikusan hozzárendelt néhány tulajdonságot a gombunkhoz. Meg kell változtatnunk őket kényelmünkre, ahogyan azt az űrlap fejlécére is tettük.

Nyissa meg a Tulajdonságok panelt (ha ez nem látható, majd hajtsa végre a Tulajdonságok ablak parancsot az e1 menüből)

Győződjön meg róla, hogy a tulajdonságablak tetején lévő listaelem a System.Windows.Forms.Button (1.

Megjegyzés: Ebben a szakaszban az űrlap két objektumot tartalmaz: az 1. formanyomtatványt és a button1 gombot. A tulajdonságok ablakban megjelenik az objektum tulajdonságai, amelyek nevét az ablak tetején lévő összecsukott listában választja ki. Másik objektumra váltáshoz kattintson a listában a nyíl gombra, és bontsa ki a listát: tartalmazza az űrlap összes elemének nevét. Kattintson a kívánt elem nevére, és a Tulajdonságok ablak megjeleníti az adott elem tulajdonságainak készletét.

Módosítsa a Név tulajdonság értékét az 1. gombról aHello-ra.

Ris.1.8. Hozzon új nevet a gombhoz

Alapértelmezés szerint a Visual Studio a gombhoz1 hozzárendelte a gombot. amit most a gombon lát. Vessük át egy érthetőbb feliratra. Keresse meg a Text tulajdonságot, és változtassa meg a button1 szövegét a Hello-ra.

Módosítsa a gomb pozícióját

A verzióban lévő gomb nem lehet az űrlap sarka, de valamivel alacsonyabb.

Húzza az űrlap aljára: helyezze a mutatót a Hello gombra. Kattintson az egérgombbal, és anélkül, hogy felengedné az egérgombot, mozgassa a Hello gombot a kívánt helyre.

Módosítsa a gomb Betűtípus tulajdonságát

Továbbra is módosítjuk a gomb tulajdonságait. Ismét megy a tulajdonságok ablakához, és kattints a Betűtípus bejegyzés jobb oldalán található mezőre. Megjelenik egy hárompontos gomb. Kattintson erre a gombra. Megjelenik a Betűkészlet párbeszédpanel. lehetővé teszi új betűtípus kiválasztását és telepítését.

Válassza ki a kívánt betűméretet, például 10. Kattintson a Betűtípus párbeszédpanel OK gombjára

Nézd meg a gombot: a Hi felirat felirata megváltozott.

Megjegyzés: Számos tulajdonság értékének megváltoztatásával azonnal láthatja az eredményt az űrlapon. Ezt használja, kísérelje meg a kiválasztott elemek tulajdonságait, amíg az eredmény teljesen nem teljesíti.

Adjon hozzá egy második gombot

Most meg kell adnunk egy második gombot a Törléshez. Ismételjük a már ismert műveleteket. Kattintson duplán az eszköztár ikonjára. A második gomb megjelenik az űrlapon. Húzza az ujját az első gomb melletti űrlap jobb oldalára. Ezután módosítsa a gomb Név tulajdonságát a button1-ről a butClear és a Text tulajdonságra a szöveg törlésére. Módosíthatja a betűméretet is.

A gombok átméretezése

A Visual Studio által a gombokhoz telepített eredeti méretek esetleg nem működnek számunkra. Például a Clear szó túl nagy lehet, és nem fér el teljesen a gombon. Tanuljunk meg, hogyan lehet átméretezni a gombokat.

Válassza ki a kívánt objektumot egyetlen kattintással (nem kettős!). A kiválasztott elemet kis fehér négyzetek téglalapjába helyezzük, amelyet markereknek nevezünk. Óvatosan mozgassa az egérmutatót bármelyik markerhez, és az egérgomb lenyomva tartásával húzza a jelölőt a kívánt irányba, amíg az objektum el nem éri a kívánt méretet. Például egy objektum függőleges arcán lévő jelölők megváltoztatják vízszintes méretüket, és fordítva. A sarkokban lévő jelölők egyszerre változtatják meg az objektum méretét mindkét irányban.

TextBox szövegmező hozzáadása az űrlaphoz

Még egy elem hiányzott a programunknak - ez a Textbox TextBox. Ez az elem bármilyen szöveg bevitelére szolgál. Néha ezt az elemet szerkesztési mezőnek nevezik.

Helyezze a TextBoxot az űrlapra

Már van tapasztalatunk a gombok hozzáadásával az űrlapon. Most meg kell adnunk egy szövegmezőt. Keresse meg a szövegmező ikont az eszközgyűjteményben.

Kattintson duplán a Tex t Box ikonra, hogy elhelyezze az elemet az űrlapon.

Miután kiválasztotta az űrlapon, változtassa meg az elem pozícióját és méretét, ahogy az az 1.9 ábrán látható.

Ábra 1.9. Helyezze az elemeket az űrlapra

Megváltoztatjuk a TextBox elem tulajdonságainak értékeit

Módosítsa a szövegmező számos tulajdonságát. Módosítsa a Név tulajdonság értékét a textbox1-ről a txtDisplay-ra. Opcionálisan megváltoztathatja a betűméretet.

Adja meg a forráskódot

A vizuális programozás ezen a ponton befejeződött. Megterveztük a program megjelenését. Most meg kell adnia a program forráskódját.

A Visual C # egy olyan programozási nyelv, amely eseményvezérelt. Például, ha rákattint a gombra Hi, akkor a Click esemény a gombra, és automatikusan butHello feldolgozási eljárás az esemény kerül végrehajtásra. Ezért a feladata, hogy minden eseményre - az esemény kezelőjére - írjon egy megfelelő eljárást. Ha nem értesz semmit - ne aggódj. Minden sokkal egyszerűbb, mint amilyennek első pillantásra tűnhet. Próbáljuk meg, és látni fogja, milyen egyszerű és egyszerű. Kezdjük a ButHello gomb Click-eseménykezelőjével.

A Hello (butHello) gombra írjuk,

Kattintson duplán a ButHello gombra. A Visual Studio megnyitja a kódablakot. Vegye figyelembe, hogy a Visual Studio automatikusan a következő ablakokat helyezte el a kódablakban:

Ahogyan beleegyeztünk, amikor a szövegmezőben lévõ gombra kattint, megjelenik az üzenet Hello, Peace!. Helyezze a kurzort a göndör fogantyúk közé <> és írja be a következő kódot:

Ne feledje, hogy a txtDispaly szó beírása és a periódus beírása után a Visual Studio arra kérte, hogy készen álljon a folytatáshoz. Ne figyeljen a tippekre és folytassa a gépelést. Ne felejts el pontosvesszőt tenni a sor végén.

Adja meg a Clear (Törlés) gombra vonatkozó kódot

Váltson vissza a View Designer tervre, és kattintson duplán a ButClear gombra. A Visual Studio újra létrehoz egy munkadarabot a második gomb Click-eseményéhez. Ennek az eljárásnak a feladata a szövegmező törlése. Ehhez üres karakterláncot kell hozzárendelni a Text tulajdonság értékéhez.

Futtassa a Hello programot

Minden készen áll az első programunkra. Itt az ideje, hogy teszteljük akcióban. Válassza ki a Debug | menüpontot Indítsa el a hibakeresést.

Ha nem tettél el hibákat, akkor megjelenik egy ablak a programunkból. Kattintson a Hello gombra. A program kódjában megadott szövegmező megjelenik a szövegmezőben. Most kattintson a Törlés gombra. A szöveg eltűnik. Többször is rákattinthat a gombokra. A program kilépéséhez kattintson a program jobb felső sarkában található Bezárás gombra.

Amikor kilép a programból, újra módosíthatja a Visual Studio programban. Próbálja meg megváltoztatni a programot úgy, hogy amikor a szövegmezőben a Hello gombra kattint, a "Hello, Mom!" Üzenet jelenik meg. .

EXE végrehajtható

Amikor először futtatta a programot, a Visual Studio automatikusan létrehozott egy EXE futtatható fájlt. Nyissa meg a mappát, ahová mentette a projektet. Ott találja meg a \ bin \ Debug almappát. amelyen megjelenik a MyFirstProgram.exe fájl.

Ezt a fájlt átmásolhatja egy USB flash meghajtóba, és átküldi barátainak, hogy láthassák a programot a számítógépen. Ezzel befejeződik az első lecke.

Így írta az első programot a C # -ba, átment minden szükséges lépésben: a vizuális programozás színpadát és a forráskód beírásának lépését. Az első szakaszban megtudta, hogyan helyezze el a szükséges elemeket az űrlapon, és rendelje hozzá a kívánt értékeket saját tulajdonságaikhoz. A kód beírásának szakaszában számos eljárást hoztál létre bizonyos események bizonyos objektumok feldolgozására és a C # utasítások használatára.

Kérdések és válaszok

Tudok tanulni néhány órát naponta? Igen, kiválaszthatja a leckék óráinak ütemét. Készíthetek professzionális programokat a C # -re? Igen, reális Windows programokat hozhat létre a C # -en. Nagyon sok programozó választja meg ezt a nyelvet, hogy saját programokat készítsen.

Kapcsolódó cikkek