Du kan lära dig att programmera Winforms i C #

click fraud protection

När du skapar ett nytt projekt i Visual C # (eller Visual Studio 2003, 2005 eller 2008) och väljer Visual C # Projekt och Windows-applikation, du väljer en sökväg för att placera projektet någonstans, ge det ett namn som "ex1" och klicka OK. Du bör se något som den medföljande grafiken. Om du inte kan se verktygslådan till vänster klickar du på Se, sedan Verktygslåda på menyn eller Ctrl-Alt-X på tangentbordet. Om du vill att verktygslådan ska förbli öppen klickar du på kartnål, precis till vänster om Close Toolbox X.

Ändra storlek på formen efter klicka och dra höger eller nedre handtag. Klicka nu på Knapp i verktygslådan och dra den till formuläret i nedre högra hörnet. Ändra storlek på det som du vill. Längst ner till höger i Visual C # / Visual Studio ID, bör du se ett dockat fönster som heter Egenskaper. Om du inte kan se det högerklickar du på knappen på formuläret (det kommer att sägabutton1) och klicka på egenskaper längst ner i popup-menyn som visas. Det här fönstret har en tryckknapp på sig så att du kan stänga eller hålla den öppen som du vill.

instagram viewer

Om det står "Form1" istället för "button1", klickade du av misstag på formuläret. Klicka bara på knappen. Dubbelklicka nu där det stårbutton1 i inspektören och typ btnClose. Bläddra till botten av fastighetsinspektören så ser du:

Dubbelklicka button1, skriv "Stäng" och tryck på Stiga på. Du bör nu se att knappen har ordet Stäng på.

Klicka på formuläret och i fastighetsinspektören och ändra text till min första app! Du ser att bildtexten nu visar detta. Dubbelklicka påStänga -knappen så ser du C # -kod som ser ut så här:

Klick Bygga på toppmenyn följt av Bygg lösning. Om den sammanställs ordentligt (som den borde) ser du orden "Build Succeeded" på IDE-statuslinjen. Klicka på F5 för att köra applikationen och visa dig ett öppet formulär. Klicka på Stänga för att stänga den.

Använd Windows Explorer för att hitta ditt projekt. Om du kallade projektnamnet och det nya lösningsnamnet "ex1" letar du i ex1 \ ex1. Dubbel-klicka på den så ser du applikationen köras igen.

Din första form är en enkel applikation som låter dig ange en sträng och sedan visa den. För att lägga till en enkel meny, välj Form1 [design] fliken, klicka Huvudmeny på verktygslådan och dra den till formuläret. Du kommer att se en menyfält visas på formuläret, men kontrollen visas på en gul panel under formuläret. Använd detta för att välja menykontroll.

Klicka på menyfältet på formuläret där det står "Skriv här" och skriv "Fil". Du ser två Type Heres. En till höger för att lägga till ytterligare menyalternativ på översta nivå och en nedan för att lägga till undermenyobjekt. Skriv "Återställ" på toppmenyn och lämna undermenyn File.

Lägg till en etikett på formuläret uppe till vänster och ställ in texten till "Ange en sträng." Under detta drar du en TextBox och ändrar namnet till "EdEntry" och rensar texten så att den ser tom ut. Ställ in den låsta egenskapen till "True" för att hindra dig från att flytta den av misstag.

Dra en StatusBar till formuläret, ställ in låst till "Sann" och rensa textegenskapen. Om detta döljer Stäng-knappen, flytta den upp tills den är synlig. Statusfältet har ett storleksgrepp i det nedre högra hörnet, men om du sammanställer och kör detta rör sig inte Stäng-knappen när du ändrar storlek på formen. Detta fixas lätt genom att ändra formens förankringsegenskap så att botten och höger ankare ställs in. När du ändrar ankaregenskapen ser du fyra staplar uppe, vänster, nedre och höger. Klicka på de du vill använda. I det här exemplet vill vi att botten och höger uppsättning, så rensa de andra två, som är inställda som standard. Om du har alla fyra inställda sträcker sig knappen.

Lägg till ytterligare en etikett under TextBox och namnge den labelData. Välj nu Textruta och på fastighetsinspektören, klicka på Blixt Ikon. Detta visar alla händelser som en TextBox kan göra. Standard är "TextChanged", och det är vad du använder. Välj TextBox och dubbelklicka på den. Detta skapar en tom händelsehanterare, så lägg till dessa två kodrader mellan de lockiga hängslen {} och kompilera och kör applikationen.

När applikationen körs klickar du på TextBox och börjar skriva. Du kommer att se tecken du skriver visas två gånger, en gång under rutan och en gång i statusfältet. Koden som gör det finns i en händelsehanterare (det är känd som en delegat i C #).

Den här artikeln visar en grundläggande del av arbetet med WinForms. Varje form eller kontroll på den är ett exempel på en klass. När du släpper en kontroll på ett formulär och ställer in dess egenskaper i egenskapsredigeraren genererar designern kod bakom kulisserna.

Varje kontroll på ett formulär är ett exempel på ett system. Windows. Formar klassen och skapas i metoden InitializeComponent (). Du kan lägga till eller redigera kod här. Till exempel i // menuItem2 avsnitt, lägg till detta i slutet och kompilera / kör.

Alternativet Återställ meny saknas nu. Avsluta programmet och i egenskaperna för det här menyalternativet ser du att den synliga egenskapen är falsk. Växla den här egenskapen i designern och koden i Form1.cs läggs till och ta bort raden. Form Editor är utmärkt för att enkelt skapa sofistikerade gränssnitt, men allt det gör är att manipulera din källkod.

Ställ in återställningsmenyn synlig men ställ in Aktiverad till falsk. När du kör appen ser du den avaktiverad. Lägg nu till en checkbox, kall den cbAllowRetet och ställ in texten till "Allow reset." Dubbelklicka på kryssrutan för att skapa en händelsehanterare och ange detta:

När du kör applikationen kan du aktivera alternativet Återställ meny genom att klicka i kryssrutan. Det gör fortfarande ingenting, så lägg till detta fungera genom att skriva in det. Dubbelklicka inte alternativet Återställ meny.

Om du kör appen, händer ingenting, när återställning klickas, eftersom återställningshändelsen inte kopplas till återställningsklick. Lägg till detta om uttalande till cbAllow_ResetCheckedChanged () strax efter raden som startar:

När du kör den nu skriver du lite text i rutan, klickar i kryssrutan och klickar Återställa. Texten rensas. Detta tillförde koden för att koppla upp en händelse vid körning.

instagram story viewer