![\"Der](\"..\/fileadmin\/_temp_\/2020_03\/pic_224_001.png\")
<\/p>\nWenn Sie einen Rechnungsbericht erstellen wollen, ergeben sich unter .NET zahlreiche Möglichkeiten. Leider ziehen die meisten davon Kosten nach sich in Form von Lizenzgebühren für professionelle Softwareprodukte. Wir wollen in diesem Artikel zeigen, wie Sie einfache Berichte wie etwa für eine Rechnung mit den Bordmitteln von Visual Studio erstellen können. Dazu programmieren wir ein XAML-Fenster, das genau die Größe einer DIN A4-Seite hat und fügen dieser die Steuer-elemente zum Anzeigen der für eine Rechnung wichtigen Informationen hinzu. Schließlich programmieren wir auch noch eine Drucken-Funktion, um den Rechnungsbericht zu Papier zu bringen.<\/b><\/p>\n
Ziel des Artikels<\/b><\/p>\n
Wir wollen vorab definieren, wie der gewünsche Rechnungsbericht aussehen soll. Das Ergebnis sehen Sie in Bild 1. Der Bericht soll die folgenden Merkmale enthalten:<\/p>\n
<\/p>\n
Bild 1: Der geplante Rechnungsbericht<\/span><\/b><\/p>\n Einige der Elemente des Berichts sind statisch und werden einmalig festgelegt. Daher ist dieses Dokument nur für die Rechnung einer Person oder eines Unternehmens gedacht. Es ist aber auch möglich, mehrere Vorlagen zu erstellen, von denen der Benutzer dann eine auswählt – darum kümmern wir uns aber nicht in diesem Artikel.<\/p>\n Die dynamischen Elemente sind die Daten, die wir aus der in den Artikeln Rechnungsverwaltung, Teil 1: Grundlagen <\/b>(www.datenbankentwickler.net\/221<\/b>) und Rechnungsverwaltung, Teil 2: Rechnungspositionen <\/b>(www.datenbankentwickler.net\/222<\/b>) vorgestellt haben. In die dort vorgestellte Anwendung binden wir die Erstellung des Rechnungsberichts auch ein. Dazu fügen wir dem Fenster Rechnungsdetails.xaml <\/b>drei Schaltflächen wie in Bild 2 hinzu. Die Schaltflächen haben die folgenden Funktionen:<\/p>\n Bild 2: Schaltflächen zum Anzeigen der Rechnung, zum Schnelldrucken und zum Anzeigen des Drucken-Dialogs<\/span><\/b><\/p>\n Bevor wir uns die Funktion dieser Schaltflächen ansehen, bauen wir die Seite zur Anzeige der Rechnung zusammen.<\/p>\n XAML-Seite als Rechnung<\/b><\/p>\n Wir haben eigentlich vorgehabt, den Rechnungsbericht mit dem FlowDocument<\/b>-Element zu programmieren. Das hat allerdings nicht wie gewünscht funktioniert, da dieses Element nicht die Möglichkeit geboten hat, Elemente absolut zu positionieren. Dann haben wir ein wenig mit einem herkömmlichen XAML-Fenster experimentiert und gesehen, dass dieses alle Möglichkeiten bietet, die Elemente einer Rechnung abzubilden – inklusive Datenbindung. Also haben wir diese Variante als Basis für diesen Artikel gewählt.<\/p>\n Mit dem XAML-Fenster können wir, wenn wir es einmal auf eine Größe von 21,7cm Breite und 29cm Höhe gebracht haben, ganz einfach die gewünschten Elemente positionieren. Um das zu erreichen, haben wir einfach die beiden Eigenschaften Height <\/b>und Width <\/b>auf diese Werte eingestellt:<\/p>\n Ein wenig Flow benötigen wir allerdings auch ohne FlowDocument in unserem XAML-Fenster: Wir verwenden ein ListView<\/b>-Steuerelement, um die Rechnungspositionen darzustellen. Rechnungen weisen aber unterschiedlich viele Rechnungspositionen auf, sodass wir an dieser Stelle ein wenig tricksen mussten: Wir haben also die Elemente, die sich unterhalb des ListView<\/b>-Steuerelements befinden und die gegebenenfalls mal mehr, mal weniger weit unten positioniert werden müssen, als Textblöcke in einem StackPanel<\/b>-Element mit vertikaler Orientierung angeordnet, dessen Elemente nach unten geschoben werden, wenn ein darüber befindliches Element vergrößert wird. Doch eins nach dem anderen …<\/p>\n Hinzufügen des Adressblocks<\/b><\/p>\n Um den Adressblock einzufügen, legen wir als erstes Element unterhalb des obligatorischen Grid<\/b>-Elements ein StackPanel<\/b>-Element mit vertikaler Orientierung an (siehe Bild 3).<\/p>\n Bild 3: Hinzufügen des Adressblocks<\/span><\/b><\/p>\n Dessen Position legen wir über die Eigenschaften HorizontalAlignment<\/b>, VerticalAlignment<\/b>, Margin<\/b>, Width <\/b>und Height <\/b>an. Die Ausrichtung soll links oben sein. Den Abstand vom linken und oberen Seitenrand stellen wir mit den Werten 2cm <\/b>und 4.5cm <\/b>für die Eigenschaft Margin <\/b>ein. Durch die Eingabe der Zentimeterangaben können wir einfach die Vorgaben etwa der DIN-Norm 5008 umsetzen. Die Breite und die Höhe wollen wir nicht als letzte Werte für die Eigenschaft Margin <\/b>eingeben, da wir diese dann berechnen müssten – wir verwenden stattdessen die Eigenschaften Height <\/b>und Width<\/b>.<\/p>\n Auf diese Weise erhalten wir schon einmal einen Rahmen für unser Adressfeld:<\/p>\n Danach folgt ein TextBlock<\/b>-Element, mit dem wir die Absenderadresse ausgeben wollen. Diese Information ist aktuell hartkodiert, aber wir können diese natürlich auch über eine entsprechende Tabelle verfügbar machen:<\/p>\n Unter dieser Zeile wollen wir eine optische Trennung in Form einer Linie unterbringen. Mit den Attributen X1 <\/b>und X2 <\/b>geben wir die X-Koordinaten der Linie gemessen am übergeordneten Element, hier dem StackPanel<\/b>, an. Stroke <\/b>und StrokeThickness <\/b>legen die Farbe und die Dicke fest:<\/p>\n Schließlich folgt noch ein gebundenes TextBlock<\/b>-Element. Dieses liest per Binding die Eigenschaft Rechnungsadresse <\/b>der Rechnung ein, die über das Code behind-Modul des Fensters bereitgestellt wird – dazu später mehr:<\/p>\n Informationsblock hinzufügen<\/b><\/p>\n Den Informationsblock gestalten wir weitgehend frei. Dabei verwenden wir einige fixe Elemente und ein dynamisches – in diesem Fall das Datum, das wir an den Ausdruck Duisburg, den <\/b>anhängen. Die Elemente fügen wir wieder in ein StackPanel<\/b>-Element ein, das wir entsprechend positionieren und dessen Größe wir auf 7 x 5cm anpassen. Darin fügen wir einige TextBlock<\/b>-Elemente ein, von denen jedes einer Zeile des Informationsblocks entspricht. Wir könnten auch ein mehrzeiliges TextBlock<\/b>-Element verwenden, aber dann hätten wir nicht die Möglichkeit, individuelle Formatierungen je Zeile einzufügen. In diesem Fall soll der Firmenname beispielsweise fett dargestellt werden (siehe Bild 4).<\/p>\n Bild 4: Hinzufügen des Informationsblocks<\/span><\/b><\/p>\n Für Teile, die wir aus statischen und dynamischen Texten kombinieren wollen, verwenden wir innerhalb des TextBlock<\/b>-Elements das Run<\/b>-Element. Damit geben wir erst den statischen Text aus und dann den per Binding ermittelten dynamischen Text mit dem angegebenen Format:<\/p>\n Block mit den übrigen Elementen<\/b><\/p>\n Die übrigen Elemente starten von einer bestimmten Position beziehungsweise in einem bestimmten Abstand vom oberen Seitenrand aus und bauen dann abhängig von der jeweiligen Höhe aufeinander auf (siehe Bild 5).<\/p>\n Bild 5: Der letzte Block mit den übrigen Elementen<\/span><\/b><\/p>\n Deshalb fügen wir alle weiteren Elemente in ein weiteres StackPanel<\/b>-Element ein, das wieder die vertikale Ausrichtung verwendet. Das erste im StackPanel<\/b>-Element enthaltene TextBlock<\/b>-Element bindet dabei an das Feld Rechnung.Betreff <\/b>der Code behind-Klasse:<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>\n
![\"Schaltflächen](\"..\/fileadmin\/_temp_\/2020_03\/pic_224_002.png\")
<\/p>\n\n
<Window x:Class=\"Rechnungsbericht_XAML\"\r\n ...\r\n Title=\"Rechnungsbericht_XAML\" Height=\"29.7cm\" Width=\"21cm\"><\/pre>\n
![\"Hinzufügen](\"..\/fileadmin\/_temp_\/2020_03\/pic_224_003.png\")
<\/p>\n<Grid x:Name=\"GridRechnung\">\r\n <StackPanel Orientation=\"Vertical\" HorizontalAlignment=\"left\" VerticalAlignment=\"top\" Margin=\"2cm 4.5cm 0cm 0cm\" Height=\"5cm\" Width=\"8.5cm\"><\/pre>\n
<TextBlock FontWeight=\"Bold\" FontSize=\"8pt\">André Minhorst Verlag - Borkhofer Str. 17 - 47137 Duisburg<\/TextBlock><\/pre>\n
<Line X1=\"0cm\" X2=\"8.5cm\" Stroke=\"Black\" StrokeThickness=\"1\"><\/Line><\/pre>\n
<TextBlock Text=\"{Binding Rechnung.Rechnungsadresse}\"><\/TextBlock>\r\n <\/StackPanel><\/pre>\n![\"Hinzufügen](\"..\/fileadmin\/_temp_\/2020_03\/pic_224_004.png\")
<\/p>\n<StackPanel Orientation=\"Vertical\" HorizontalAlignment=\"Left\" VerticalAlignment=\"Top\" Width=\"7cm\" Height=\"5cm\" Margin=\"12.5cm,5cm,0,0\">\r\n <TextBlock FontWeight=\"Bold\" HorizontalAlignment=\"Right\">André Minhorst Verlag<\/TextBlock>\r\n <TextBlock HorizontalAlignment=\"Right\">Borkhofer Str. 17<\/TextBlock>\r\n <TextBlock HorizontalAlignment=\"Right\">47137 Duisburg<\/TextBlock>\r\n <TextBlock HorizontalAlignment=\"Right\">andre@minhorst.com<\/TextBlock>\r\n <TextBlock HorizontalAlignment=\"Right\">shop.minhorst.com<\/TextBlock><\/pre>\n
<TextBlock HorizontalAlignment=\"Right\">\r\n <Run Text=\"Duisburg, den \"><\/Run>\r\n <Run Text=\"{Binding Rechnung.Rechnungsdatum, StringFormat='d.M.yyyy'}\"><\/Run>\r\n <\/TextBlock>\r\n<\/StackPanel><\/pre>\n![\"Der](\"..\/fileadmin\/_temp_\/2020_03\/pic_224_005.png\")
<\/p>\n<StackPanel Orientation=\"Vertical\" HorizontalAlignment=\"Left\" VerticalAlignment=\"Top\" Margin=\"2cm 10cm 0cm 0cm\">\r\n <TextBlock FontWeight=\"Bold\" Text=\"{Binding Rechnung.Betreff}\"><\/TextBlock><\/pre>\n
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t