{"id":55000008,"date":"2015-02-01T00:00:00","date_gmt":"2020-08-25T08:43:07","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=8"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Von_Access_zu_WPF_Fenster","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Von_Access_zu_WPF_Fenster\/","title":{"rendered":"Von Access zu WPF: Fenster"},"content":{"rendered":"<p><b>Unter Access war alles so einfach und gewohnt. Das Access-Fenster bildete den Rahmen, zeigt das Ribbon an oder stellte die Formulare und Berichte in Anwendungen dar. F&uuml;r das &Ouml;ffnen der Objekte brauchte man nur die DoCmd.Open&#8230;-Anweisung zu kennen. Unter .NET sieht das ganz anders aus: Das Anwendungsfenster ist bereits ein Formular, es gibt andere Steuerelemente &#8211; und das &Ouml;ffnen von Formularen erfolgt auch ganz anders.<\/b><\/p>\n<p>Wenn Sie eine WPF-Anwendung erstellen (in diesem Beispiel f&uuml;r Programmiersprache C#), w&auml;hlen Sie nach dem Starten von Visual Studio (hier in der Community-Edition der Version 2013) den Men&uuml;eintrag <b>Datei|Neu|Projekt&#8230; <\/b>aus. Danach erscheint der Dialog <b>Neues Projekt<\/b>, wo Sie unter <b>Vorlagen|Visual C#|Windows-Desktop <\/b>die Vorlage <b>WPF-Anwendung <\/b>selektieren (siehe Bild 1). Es gibt noch einige weitere Anwendungstypen auf Basis von WPF, aber wir konzentrieren uns hier zun&auml;chst auf die Desktop-Anwendung.<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2015_01\/pic_8_001.png\" alt=\"Neues WPF-Projekt f&uuml;r Visual C# erstellen\" width=\"650\" height=\"449,0579\"\/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 1: Neues WPF-Projekt f&uuml;r Visual C# erstellen<\/span><\/b><\/p>\n<p>Visual Studio bietet hier direkt ein Verzeichnis an, in dem das Projekt standardm&auml;&szlig;ig angelegt wird. Diesen k&ouml;nnen Sie nat&uuml;rlich &auml;ndern. Wichtig ist zu wissen, dass im angegebenen Verzeichnis ein Unterverzeichnis mit dem Namen des Projekts angelegt wird, das schlie&szlig;lich die eigentlichen Projektdateien enth&auml;lt. In diesem Fall soll das Projekt <b>VonAccessZuWPF <\/b>hei&szlig;en.<\/p>\n<p><b>Das Hauptfenster<\/b><\/p>\n<p>Im Vergleich zu Access, wo das Access-Fenster das Hauptfenster der Anwendung ist (wenn Sie es nicht mit Tricks ausgeblendet haben), definieren Sie das Hauptfenster Ihrer WPF-Anwendung komplett neu. Dazu bietet Visual Studio im neuen Projekt standardm&auml;&szlig;ig ein Fenster namens <b>MainWindow <\/b>hinzu. Wir wollen uns an dieser Stelle daraufhin einigen, statt wie in Access von Formularen k&uuml;nftig von Fenstern zu sprechen.<\/p>\n<p>Das Formular wird mithilfe von zwei Dateien beschrieben:<\/p>\n<ul>\n<li><b>MainWindow.xaml<\/b>: Enth&auml;lt die Beschreibung des Aussehens des Fensters.<\/li>\n<li><b>MainWindow.xaml.cs<\/b>: Enth&auml;lt den Code des Fensters. Unter Visual Basic w&uuml;rde die Endung <b>vb <\/b>lauten.<\/li>\n<\/ul>\n<p>Die <b>.xaml<\/b>-Datei stellt Visual Studio in einem Bereich dar, der oben den Entwurf des Fensters anzeigt und unten den XML-Code, der das Aussehen definiert. Sie k&ouml;nnen das Aussehen auf folgenden Wegen beeinflussen:<\/p>\n<ul>\n<li>durch &Auml;ndern der Gr&ouml;&szlig;e, Position oder anderer Eigenschaften des Fensters und der enthaltenen Steuerelemente direkt im Entwurf,<\/li>\n<li>durch &Auml;ndern der Eigenschaften im Bereich <b>Eigenschaften <\/b>oder<\/li>\n<li>durch Anpassen des XML-Codes zur Definition des Aussehens des Fensters.<\/li>\n<\/ul>\n<p>Jegliche &Auml;nderungen an diesen drei Stellen wirken sich direkt auf die jeweils anderen Wege aus. Wenn Sie also im XML-Code die Breite des <b>Window<\/b>-Elements mit dem Attribut <b>Width <\/b>auf <b>600<\/b> einstellen, wird das Fenster direkt in dieser Breite dargestellt und auch der entsprechende Eintrag im Eigenschaftsfenster wird ge&auml;ndert.<\/p>\n<p><b>Beispielprojekt: <\/b>Den Code f&uuml;r die Beispiele der folgenden Abschnitte finden Sie in einem neuen, jungfr&auml;ulichen WPF-Projekt.<\/p>\n<p><b>Code des Hauptfensters<\/b><\/p>\n<p>Die Datei <b>MainWindow.xaml <\/b>enth&auml;lt den folgenden Code:<\/p>\n<pre>&lt;Window x:Class=\"VonAccessZuWPF.MainWindow\"\r\n         xmlns=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/            xaml\/presentation\"\r\n         xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\"\r\n         Title=\"MainWindow\" Height=\"350\" Width=\"600\"&gt;\r\n     &lt;Grid&gt;\r\n     &lt;\/Grid&gt;\r\n&lt;\/Window&gt;<\/pre>\n<p>Hier finden Sie die beim Start vorhandenen Einstellungen: Der Titel lautet <b>MainWindow<\/b>, au&szlig;erdem sind H&ouml;he und Breite auf <b>350 <\/b>und <b>600 <\/b>festgelegt. Eine weitere wichtige Information finden Sie gleich in der ersten Zeile: Unter <b>x:Class <\/b>gibt das Dokument die C#-Datei an, die den Code f&uuml;r dieses Fenster enth&auml;lt &#8211; in diesem Fall <b>VonAccessZuWPF.MainWindow<\/b>. Alle Elemente, die Sie nun zum Fenster hinzuf&uuml;gen, landen als Beschreibung innerhalb des <b>Grid<\/b>-Elements (<b><Grid>&#8230;<\/Grid><\/b>).<\/p>\n<p><b>XAML und C#<\/b><\/p>\n<p>Damit wird nun offensichtlich: Es gibt zwei verschiedene Dateien zur Programmierung eines Fensters unter WPF &#8211; die XML-Datei mit der XAML-Definition der Benutzeroberfl&auml;che und eine C#-Datei mit den Funktionen des Fensters. Im Vergleich mit einem Access-Formular entspricht die Entwurfsansicht des WPF-Fensters dem Formularentwurf und die C#-Datei mit dem Code dem Klassenmodul des Formulars.<\/p>\n<p>Unter Access werden intern allerdings sowohl die Beschreibung des Formulars sowie der Steuerelemente als auch der VBA-Code in einem einzigen Dokument untergebracht, was auch deutlich wird, wenn Sie dieses vom VBA-Fenster etwa mit der <b>SaveAsText<\/b>-Anweisung in eine Textdatei exportieren und in einem Texteditor ansehen. Das &#8220;Klassenmodul&#8221; mit dem C#-Code hinter dem Fenster <b>MainWindow <\/b>hat den folgenden Inhalt:<\/p>\n<pre>namespace VonAccessZuWPF\r\n{\r\n     \/\/\/ &lt;summary&gt;\r\n     \/\/\/ Interaktionslogik f&uuml;r MainWindow.xaml\r\n     \/\/\/ &lt;\/summary&gt;\r\n     public partial class MainWindow : Window\r\n     {\r\n         public MainWindow()\r\n         {\r\n             InitializeComponent();\r\n         }\r\n     }\r\n}<\/pre>\n<p>Hier geschieht noch nichts Spektakul&auml;res, da wir noch keine Ereignisprozeduren et cetera angelegt haben. Die einzige Methode namens <b>InitializeComponent<\/b> erstellt kurz gefasst das Fenster auf Basis der XAML-Datei.<\/p>\n<p>Wenn Sie genau wissen wollen, welcher Code sich hinter einer Anweisung befindet, klicken Sie &auml;hnlich wie im VBA-Editor mit der rechten Maustaste und w&auml;hlen den Eintrag <b>Definition einsehen <\/b>aus. Es erscheint dann ein gelb hinterlegter Bereich mit der Routine, die durch die Anweisung ausgel&ouml;st wird (siehe Bild 2).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2015_01\/pic_8_004.png\" alt=\"Der Code hinter einer Anweisung wird farbig hinterlegt eingeblendet.\" width=\"650\" height=\"424,8994\"\/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 2: Der Code hinter einer Anweisung wird farbig hinterlegt eingeblendet.<\/span><\/b><\/p>\n<p><b>Trennung von Oberfl&auml;che und Code<\/b><\/p>\n<p>Die Definition der Benutzeroberfl&auml;che und der Code sind nicht nur dateiweise getrennt, sondern sie k&ouml;nnen auch komplett unabh&auml;ngig voneinander bearbeitet werden. W&auml;hrend es unter Access kaum m&ouml;glich ist, dass ein Entwickler &Auml;nderungen an der Benutzeroberfl&auml;che vornimmt, w&auml;hrend ein anderer den Programmcode anpasst, gibt es f&uuml;r WPF mit <b>Blend f&uuml;r Visual Studio <\/b>sogar ein eigenes Werkzeug f&uuml;r die Verfeinerung der Benutzeroberfl&auml;che.<\/p>\n<p><b>Vorteil Visual Studio: Zoom<\/b><\/p>\n<p>Wenn Sie Ihr erstes Fenster erstellen, k&ouml;nnen Sie direkt ein Feature ausprobieren, das dem Access-Entwickler wohl f&uuml;r immer vorbehalten bleibt: Sie k&ouml;nnen die Ansicht des Entwurfs vergr&ouml;&szlig;ern oder verkleinern. Dazu sollten Sie sich gleich die folgenden Tastenkombinationen merken:<\/p>\n<ul>\n<li><b>Strg + Alt + +<\/b>: Vergr&ouml;&szlig;ern<\/li>\n<li><b>Strg + Alt + &#8211;<\/b>: Verkleinern<\/li>\n<\/ul>\n<p><b>Steuerelemente hinzuf&uuml;gen<\/b><\/p>\n<p>Standardm&auml;&szlig;ig im linken Bereich von Visual Studio finden Sie den Werkzeugkasten. Dieser bietet verschiedene Sammlungen von Steuerelementen. Die obere liefert mit <b>H&auml;ufig verwendete WPF-Steuerelemente <\/b>die g&auml;ngigen Steuerelemente, die Sie auch von Access her kennen &#8211; aber auch einige neue Kandidaten. Unter <b>Alle WPF-Steuerelemente <\/b>finden Sie die komplette Sammlung. F&uuml;gen Sie hier wie in Bild 3 eine Schaltfl&auml;che zum WPF-Fenster hinzu. Sie erkennen direkt, dass nicht nur die Schaltfl&auml;che im Fenster erscheint, sondern auch, dass der Designer ein Element zur XAML-Datei des Fensters hinzugef&uuml;gt hat, und zwar in das <b>Grid<\/b>-Element:<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2015_01\/pic_8_003.png\" alt=\"Neues Steuerelement im Entwurf und im XAML-Code\" width=\"700\" height=\"332,0755\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 3: Neues Steuerelement im Entwurf und im XAML-Code<\/span><\/b><\/p>\n<pre>&lt;Button Content=\"Button\" HorizontalAlignment=\"Left\" \r\nMargin=\"36,34,0,0\" VerticalAlignment=\"Top\" Width=\"75\"\/&gt;<\/pre>\n<p>Dazu erh&auml;lt das Steuerelement direkt einige Werte f&uuml;r Standardeigenschaften wie die horizontale und vertikale Ausrichtung (<b>HorizontalAlignment <\/b>und <b>VerticalAlignment<\/b>), die R&auml;nder (<b>Margin<\/b>) und die Breite (<b>Width<\/b>). Die Beschriftung landet im Attribut <b>Content<\/b>. Klicken Sie nun auf <b>F5<\/b>, starten Sie die WPF-Anwendung und das Fenster mit der Schaltfl&auml;che erscheint &#8211; diese ist allerdings noch ohne Funktion (siehe Bild 4).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2015_01\/pic_8_005.png\" alt=\"Erster Test des neuen Fensters\" width=\"425\" height=\"188,619\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 4: Erster Test des neuen Fensters<\/span><\/b><\/p>\n<p><b>Startfenster &auml;ndern<\/b><\/p>\n<p>In einer Access-Anwendung ist standardm&auml;&szlig;ig kein Formular als Startformular der Anwendung voreingestellt. Das ist kein Problem: Sie k&ouml;nnen ja dort beispielsweise ein benutzerdefiniertes Ribbon anzeigen, mit dem der Benutzer die gew&uuml;nschten Elemente der Benutzeroberfl&auml;che &ouml;ffnen kann. Alternativ w&auml;hlen Sie f&uuml;r die Eigenschaft <b>Startformular <\/b>der Access-Optionen das beim Starten der Anwendung anzuzeigende Formular an. Bei einer WPF-Anwendung m&uuml;ssen Sie zwingend ein Startfenster angeben, denn sonst w&uuml;rde beim Start ja &uuml;berhaupt keine Benutzeroberfl&auml;che erscheinen. Aus diesem Grund enth&auml;lt ein neues WPF-Projekt ja auch gleich nach dem Start ein solches Fenster.<\/p>\n<p>Wie aber gehen Sie vor, wenn Sie beispielsweise ein anderes Fenster beim Start der Anwendung anzeigen m&ouml;chten Dazu m&uuml;ssen Sie einfach nur den Inhalt der Datei <b>App.xaml <\/b>&auml;ndern. Dort gibt es im <b>Application<\/b>-Element ein Attribut namens <b>StartupUri<\/b>, das standardm&auml;&szlig;ig den Wert <b>MainWindow.xaml <\/b>enth&auml;lt. Geben Sie hier einfach den Namen des beim Start anzuzeigenden Fensters ein (siehe Bild 5). Auch zu <b>App.xaml <\/b>gibt es eine entsprechende C#-Datei namens <b>App.xaml.cs<\/b>. Die <b>App.xaml<\/b>-Datei ist wichtig, weil sie der Startpunkt der Anwendung ist und, wie oben bereits beschrieben, den Namen des anzuzeigenden Fensters enth&auml;lt.<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2015_01\/pic_8_002.png\" alt=\"Angabe des Startfensters\" width=\"500\" height=\"218,8697\" \/><\/p>\n<div class=\"rcp_restricted\"><p><span style=\"color: #ff0000;\">M&ouml;chten Sie weiterlesen? Dann l&ouml;sen Sie Ihr Ticket!<\/span><br \/>\n<span style=\"color: #ff0000;\">Hier geht es zur Bestellung des Jahresabonnements des Magazins <strong>Visual Basic Entwickler<\/strong>:<\/span><br \/>\n<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/shop.minhorst.com\/magazine\/363\/visual-basic-entwickler-jahresabonnement?c=77\">Zur Bestellung ...<\/a><\/span><br \/>\n<span style=\"color: #ff0000;\">Danach greifen Sie sofort auf <strong>alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span><br \/>\n<span style=\"color: #000000;\">Oder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t<form id=\"rcp_login_form\"  class=\"rcp_form\" method=\"POST\" action=\"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000008\/\">\n\n\t\t\n\t\t<fieldset class=\"rcp_login_data\">\n\t\t\t<p>\n\t\t\t\t<label for=\"rcp_user_login\">Username or Email<\/label>\n\t\t\t\t<input name=\"rcp_user_login\" id=\"rcp_user_login\" class=\"required\" type=\"text\"\/>\n\t\t\t<\/p>\n\t\t\t<p>\n\t\t\t\t<label for=\"rcp_user_pass\">Password<\/label>\n\t\t\t\t<input name=\"rcp_user_pass\" id=\"rcp_user_pass\" class=\"required\" type=\"password\"\/>\n\t\t\t<\/p>\n\t\t\t\t\t\t<p>\n\t\t\t\t<input type=\"checkbox\" name=\"rcp_user_remember\" id=\"rcp_user_remember\" value=\"1\"\/>\n\t\t\t\t<label for=\"rcp_user_remember\">Remember me<\/label>\n\t\t\t<\/p>\n\t\t\t<p class=\"rcp_lost_password\"><a href=\"\/data\/wp\/v2\/posts\/55000008?rcp_action=lostpassword\"><\/a><\/p>\n\t\t\t<p>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_action\" value=\"login\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_redirect\" value=\"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000008\/\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_login_nonce\" value=\"b14c72894d\"\/>\n\t\t\t\t<input id=\"rcp_login_submit\" class=\"rcp-button\" type=\"submit\" value=\"Login\"\/>\n\t\t\t<\/p>\n\t\t\t\t\t<\/fieldset>\n\n\t\t\n\t<\/form>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unter Access war alles so einfach und gewohnt. Das Access-Fenster bildete den Rahmen, zeigt das Ribbon an oder stellte die Formulare und Berichte in Anwendungen dar. F&uuml;r das &Ouml;ffnen der Objekte brauchte man nur die DoCmd.Open&#8230;-Anweisung zu kennen. Unter .NET sieht das ganz anders aus: Das Anwendungsfenster ist bereits ein Formular, es gibt andere Steuerelemente &#8211; und das &Ouml;ffnen von Formularen erfolgt auch ganz anders.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[66012015,662015,44000002,44000025,44000007],"tags":[],"yst_prominent_words":[66062051],"class_list":["post-55000008","post","type-post","status-publish","format-standard","hentry","category-66012015","category-662015","category-Benutzeroberflaeche_mit_WPF","category-VBAProgrammierung","category-Von_Access_zu_WPF"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/comments?post=55000008"}],"version-history":[{"count":0,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000008\/revisions"}],"wp:attachment":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/media?parent=55000008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/categories?post=55000008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/tags?post=55000008"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/yst_prominent_words?post=55000008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}