{"id":57072,"date":"2021-11-01T09:57:21","date_gmt":"2021-11-01T08:57:21","guid":{"rendered":"https:\/\/ar3dp.de\/docs\/programmieren\/csharp\/programmieren-unter-c\/"},"modified":"2021-11-01T09:57:21","modified_gmt":"2021-11-01T08:57:21","slug":"programmieren-unter-c","status":"publish","type":"docs","link":"https:\/\/ar3dp.de\/en\/docs\/programmieren\/csharp\/programmieren-unter-c\/","title":{"rendered":"Programmieren unter C#"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Voraussetzungen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Voraussetzungen Sie erf\u00fcllen m\u00fcssen, bevor Sie mit der Programmierung in Csharp beginnen k\u00f6nnen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>IDE (Entwicklungsumgebung)<\/li><li>.Net Framework<\/li><li><em>Grundkenntnisse in der Programmierung empfohlen, jedoch nicht zwingend notwendig<\/em><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">IDE<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Als IDE empfiehlt sich das kostenlose Tool Visual Studio Community. VS kannst du kostenlos \u00fcber <a href=\"https:\/\/visualstudio.microsoft.com\/de\/vs\/community\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Microsoft herunterladen<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">.Net Framework<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Um die entwickelten Applikationen ausf\u00fchren zu k\u00f6nnen, muss auf dem Rechner dotNet-Framework installiert sein. Auf modernen Betriebssystemen, wie Windows 10, ist standardm\u00e4\u00dfig installiert. Andernfalls kann dotNet \u00fcber <a href=\"https:\/\/dotnet.microsoft.com\/download\/dotnet-framework\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Microsoft heruntergeladen<\/a> werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Neues Projekt erstellen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Um ein neues Projekt in Visual Studio zu erstellen klickt Ihr auf &#8220;Neues Projekt erstellen&#8221;. Alternativ k\u00f6nnt Ihr das mit der Tastenkombination <em><strong>Strg + Umschalt + N<\/strong><\/em> machen, sofern Ihr euch bereits in der Entwicklungsumgebung befindet.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1014\" height=\"675\" src=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1.png\" alt=\"Neues Projekt unter Visual Studio 2022\" class=\"wp-image-57119\" srcset=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1.png 1014w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1-750x500.png 750w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1-768x511.png 768w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1-18x12.png 18w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1-480x320.png 480w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1-600x400.png 600w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1-380x253.png 380w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_1-590x393.png 590w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><figcaption>Neues Projekt unter Visual Studio 2022<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Anschlie\u00dfend w\u00e4hlt Ihr den Typ des zu erstellenden Projektes. Unter anderem stehen euch folgende M\u00f6glichkeiten zur Verf\u00fcgung<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mobile Anwendungen: Xamarin.Forms \/ .NET MAUI (iOS, Android, Windows Phone,&#8230;)<\/li><li>Desktop-Anwendungen: WPF (Windows Presentation Framework)<\/li><li>Web: ASP.NET<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1014\" height=\"675\" src=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2.png\" alt=\"Erstellung einer neuen WPF-Anwendung unter Visual Studio 2022\" class=\"wp-image-57121\" srcset=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2.png 1014w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2-750x500.png 750w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2-768x511.png 768w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2-18x12.png 18w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2-480x320.png 480w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2-600x400.png 600w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2-380x253.png 380w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_2-590x393.png 590w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><figcaption>Erstellung einer neuen WPF-Anwendung<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr dieses kleine Tutorial starten wir mit einer WPF-Anwendung, welche sp\u00e4ter unter Windows lauff\u00e4hig sein wird. Wir geben dem Projekt anschlie\u00dfend noch einen Namen und best\u00e4tigen den Dialog mit &#8220;Erstellen&#8221;.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1014\" height=\"675\" src=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3.png\" alt=\"Benennung des Projektes\" class=\"wp-image-57124\" srcset=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3.png 1014w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3-750x500.png 750w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3-768x511.png 768w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3-18x12.png 18w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3-480x320.png 480w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3-600x400.png 600w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3-380x253.png 380w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_3-590x393.png 590w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><figcaption>Benennung des Projektes<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1014\" height=\"675\" src=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4.png\" alt=\"Abschluss der Projekt-Konfiguration\" class=\"wp-image-57126\" srcset=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4.png 1014w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4-750x500.png 750w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4-768x511.png 768w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4-18x12.png 18w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4-480x320.png 480w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4-600x400.png 600w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4-380x253.png 380w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_4-590x393.png 590w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><figcaption>Abschluss der Projekt-Konfiguration<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Projekt\u00fcbersicht<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wurde das neue Projekt erfolgreich erstellt, \u00f6ffnet sich die Entwicklungsumgebung. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1530\" height=\"1120\" src=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_5.png\" alt=\"Projekt\u00fcbersicht unter Visual Studio 2022\" class=\"wp-image-57129\" srcset=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_5.png 1530w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_5-768x562.png 768w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_5-16x12.png 16w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_5-380x278.png 380w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_5-590x432.png 590w\" sizes=\"(max-width: 1530px) 100vw, 1530px\" \/><figcaption>\u00dcbersicht des Projekts<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Der Editor ist wie folgt aufgebaut.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Vorschaufenster<\/li><li>XAML-Code-Editor<\/li><li>Fehler\u00fcbersicht &amp; Konsolen-Ausgabe<\/li><li>Projekt\u00fcbersicht<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Vorschaufenster<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dieser Bereich zeigt den gerenderten XAML-Code f\u00fcr die aktuelle Seite an. Ihr habt auch hier die M\u00f6glichkeit. Elemente per Drag and Drop aus der Werkzeugleiste direkt in das Vorschaufenster zu ziehen und zu platzieren.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1530\" height=\"1120\" src=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_6.png\" alt=\"Label per Drag and Drop hinzuf\u00fcgen\" class=\"wp-image-57130\" srcset=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_6.png 1530w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_6-768x562.png 768w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_6-16x12.png 16w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_6-380x278.png 380w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_6-590x432.png 590w\" sizes=\"(max-width: 1530px) 100vw, 1530px\" \/><figcaption>Label per Drag and Drop hinzuf\u00fcgen<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Das Element wird dann automatisch den Container (hier das Grid-Element) hinzugef\u00fcgt, wo es losgelassen wird. Der dazugeh\u00f6rige XAML-Code wird dann im Code-Editor angezeigt (1). Um das Label zu zentrieren, passen wir die Eigenschaften wie folgt an und f\u00fchren die Applikation aus (F5).<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;xml&quot;,&quot;mime&quot;:&quot;application\/xml&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;styleActiveLine&quot;:false,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;XML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;xml&quot;}\">    &lt;Grid&gt;\n        &lt;Label \n            Content=&quot;Hello World&quot; \n            Margin=&quot;5&quot; \n            VerticalContentAlignment=&quot;Center&quot;\n            HorizontalContentAlignment=&quot;Center&quot;\n            \/&gt;\n    &lt;\/Grid&gt;\n<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Das Ergebnis sieht, zugegeben ziemlich unspektakul\u00e4r, so aus:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"786\" height=\"443\" src=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_7.png\" alt=\"Ausgef\u00fchrte Applikation\" class=\"wp-image-57133\" srcset=\"https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_7.png 786w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_7-768x433.png 768w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_7-18x10.png 18w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_7-380x214.png 380w, https:\/\/ar3dp.de\/wp-content\/uploads\/2021\/11\/ar_csharp_getting_started_7-590x333.png 590w\" sizes=\"(max-width: 786px) 100vw, 786px\" \/><figcaption>Ausgef\u00fchrte Applikation &#8220;Hello World&#8221;<\/figcaption><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Ein kleiner Einstieg in die Entwicklung von Applikationen mit C# unter Visual Studio 2022.<\/p>","protected":false},"author":1,"featured_media":0,"parent":54210,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_featured":false,"_is_vendor_doc":"0","footnotes":""},"doc_tag":[],"class_list":["post-57072","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/57072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/comments?post=57072"}],"version-history":[{"count":0,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/57072\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/54210"}],"next":[{"title":"Ini-Datei in C#-Projekt einlesen","link":"https:\/\/ar3dp.de\/en\/docs\/programmieren\/csharp\/ini-datei-in-c-projekt-einlesen\/","href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/docs\/54211"}],"wp:attachment":[{"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/media?parent=57072"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/ar3dp.de\/en\/wp-json\/wp\/v2\/doc_tag?post=57072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}