{"id":55000299,"date":"2022-02-01T00:00:00","date_gmt":"2022-05-16T21:33:22","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=299"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Texte_in_Bitmaps_einfuegen","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Texte_in_Bitmaps_einfuegen\/","title":{"rendered":"Texte in Bitmaps einf&uuml;gen"},"content":{"rendered":"<p><b>In zwei weiteren Artikeln haben wir beschreiben, wie man mit dem Bitmap- und dem Graphics-Objekt arbeitet, um Bilddateien zu erstellen und diese mit einzelnen Pixeln oder auch mit Linien, Formen und Kurven f&uuml;llt. Im vorliegenden Artikel gehen wir noch einen Schritt weiter und schauen uns an, wie sich Text in Bitmaps einf&uuml;gen lassen und welche M&ouml;glichkeiten sich f&uuml;r ihre Platzierung und Ausrichtung ergeben.<\/b><\/p>\n<h2>Vorbereitende Informationen<\/h2>\n<p>Die beiden weiteren Artikel hei&szlig;en <b>Bitmaps programmieren mit VB.NET <\/b>(<b>www.datenbankentwickler.net\/297<\/b>) und <b>Zeichnen in Bitmaps mit der Graphics-Klasse <\/b>(<b>www.datenbankentwickler.net\/298<\/b>). Hier finden Sie die grundlegenden Informationen und Techniken, auf die wir auch in diesem Artikel zugreifen.<\/p>\n<p>Genau wie in den oben genannten Artikeln verwenden wir auch in diesem Artikel <b>LINQPad <\/b>als Spielwiese zum Ausprobieren der Beispiele &#8211; dort finden Sie auch Informationen zur Vorbereitung von LINQPad f&uuml;r das Reproduzieren unserer Beispiele. Wenn Sie LINQPad bereits installiert haben, k&ouml;nnen Sie einfach die Datei <b>Graphics-Programmierung_Texte.linq <\/b>aus dem Download zu diesem Artikel per Doppelklick &ouml;ffnen und finden alles Notwendige.<\/p>\n<h2>Texte einf&uuml;gen<\/h2>\n<p>Anlass f&uuml;r diesen und die vorherigen Artikel war eine Anfrage eines Kunden, der eigentlich mit Access arbeitet und dort in einem Bericht Label f&uuml;r Beh&auml;lter ausdrucken sollte, wobei der Text sich in einer Raute befindet. Aus Platzgr&uuml;nden wollte er diese Raute aber um 45&deg; drehen, sodass er ein Quadrat erh&auml;lt, in dem jedoch der Text um 45&deg; gekippt enthalten ist. Das wiederum kann man mit Access-Berichten nicht abbilden. Die Idee war dann, die komplette Raute mit Text direkt um 45&deg; gekippt in einer Bilddatei abzubilden, die man dann &uuml;ber die Datensatzquelle und ein Bild-Steuerelement in den Bericht einbinden kann.<\/p>\n<p>Welche M&ouml;glichkeiten bietet nun also .NET zum Einf&uuml;gen von Texten in Bilddateien Schauen wir uns zun&auml;chst ein einfaches Beispiel an:<\/p>\n<pre><span style=\"color:blue;\">Sub <\/span>TextInBitmap_Simple\r\n     <span style=\"color:blue;\">Dim <\/span>strFilename<span style=\"color:blue;\"> As String<\/span> = \"TextInBitmap.png\"\r\n     <span style=\"color:blue;\">Dim <\/span>bmp<span style=\"color:blue;\"> As <\/span><span style=\"color:blue;\">New<\/span> Bitmap(480, 480)\r\n     <span style=\"color:blue;\">Dim <\/span>objGraphics<span style=\"color:blue;\"> As <\/span>Graphics\r\n     objGraphics = Graphics.FromImage(bmp)\r\n     objGraphics.DrawString(\"Beispieltext\", <span style=\"color:blue;\">New<\/span> font(\"Tahoma\", 24), Brushes.Black, 0, 0)\r\n     bmp.Save(strPath & strFilename)\r\n     Process.Start(strPath & strFilename)\r\n<span style=\"color:blue;\">End Sub<\/span><\/pre>\n<p>In diesem Beispiel definieren wir als Erstes den Dateinamen f&uuml;r die zu erstellende Datei. Dann erstellen wir ein neues <b>Bitmap<\/b>-Element mit einer Gr&ouml;&szlig;e von 480&#215;480 Pixeln. Dieses nutzen wir dann als Basis f&uuml;r ein neues <b>Graphics<\/b>-Element, welches das <b>Bitmap<\/b>-Element mit der <b>FromImage<\/b>-Methode referenziert. Anschlie&szlig;end nutzen wir bereits die DrawString-Methode, um einen Text zu dem <b>Graphics<\/b>-Objekt hinzuzuf&uuml;gen. Dabei &uuml;bergeben wir mit dem ersten Parameter den anzuzeigenden Text, mit dem zweiten ein Objekt, das die Schriftart definiert sowie mit dem dritten den zu verwendenden &#8220;Pinsel&#8221;. Danach folgt bereits das Speichern des erstellten Bitmap-Objekts als <b>.png<\/b>-Datei. Hier nutzen wir noch die Konstante mit dem Verzeichnis, das wir zum Speichern nutzen und die wir im Modulkopf wie folgt definiert haben:<\/p>\n<pre>Const strPath<span style=\"color:blue;\"> As String<\/span> = \"C:\\...\\GraphicsTest\\\"<\/pre>\n<p>Die letzte Anweisung &ouml;ffnet die standardm&auml;&szlig;ig f&uuml;r diesen Dateityp vorgesehene App und zeigt das erstellte Bild darin an (siehe Bild 1).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2022_01\/pic_299_001.png\" alt=\"Ausgabe eines ersten Beispiels\" width=\"549,6265\" height=\"301,9365\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 1: Ausgabe eines ersten Beispiels<\/span><\/b><\/p>\n<h2>Die DrawString-Methode<\/h2>\n<p>Die <b>DrawString<\/b>-Methode ist das Werkzeug der Klasse <b>Graphics<\/b>, wenn es um die Ausgabe von Texten geht. Sie bietet insgesamt sechs &Uuml;berladungen an, von denen wir uns die wichtigsten Parameter ansehen:<\/p>\n<ul>\n<li><b>String<\/b>: Zeichenfolge, die gezeichnet werden soll<\/li>\n<li><b>Font<\/b>: Font-Objekt, das Informationen &uuml;ber die zu verwendende Schriftart, Schriftgr&ouml;&szlig;e und weitere Eigenschaften enth&auml;lt<\/li>\n<li><b>Brush<\/b>: Erwartet ein Objekt, das auf einer Implementierung der Brush-Klasse basiert. Im einfachsten Fall nutzt man einfach beispielsweise <b>Brushes.Black <\/b>f&uuml;r einen schwarzen &#8220;Pinsel&#8221;.<\/li>\n<li><b>x<\/b>: x-Koordinate, an welcher der Text platziert werden soll<\/li>\n<li><b>y<\/b>: y-Koordinate, an welcher der Text platziert werden soll<\/li>\n<li><b>Format<\/b>: Gibt die Formatierung f&uuml;r den zu zeichnenden Text an wie Zeilenabstand, Ausrichtung und so weiter.<\/li>\n<\/ul>\n<h2>Schriftart festlegen<\/h2>\n<p>Um die gew&uuml;nschte Schriftart festzulegen, kann man einfach ein neues Font-Objekt unter Angabe der wichtigsten Parameter erstellen. F&uuml;r eine fette Schrift des Typs <b>Courier New <\/b>in der Gr&ouml;&szlig;e 24 sieht das Erstellen eines solchen Objekts wie folgt aus:<\/p>\n<pre><span style=\"color:blue;\">Dim <\/span>objFont<span style=\"color:blue;\"> As <\/span><span style=\"color:blue;\">New<\/span> Font(\"Courier New\", 24, FontStyle.Bold)<\/pre>\n<p>Die Objektvariable <b>objFont <\/b>k&ouml;nnen wir dann einfach als zweiten Parameter der <b>DrawString<\/b>-Methode nutzen:<\/p>\n<pre>objGraphics.DrawString(\"Beispieltext\", objFont, Brushes.Black, 0, 0)<\/pre>\n<h2>Brush festlegen<\/h2>\n<p>Das <b>Brush<\/b>-Objekt gibt an, in welcher Farbe und mit welchen weiteren &#8220;Pinsel&#8221;-spezifischen Eigenschaften der Text gezeichnet werden soll. Wenn einfach eine Farbe angegeben wird, mit welcher der Text gezeichnet werden soll, bietet sich eines der Elemente der <b>Brushes<\/b>-Auflistung an. IntelliSense bietet hier alle verf&uuml;gbaren Farben an, die f&uuml;r den allt&auml;glichen Gebrauch ausreichen sollten (siehe Bild 2).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2022_01\/pic_299_002.png\" alt=\"Auswahl eines \"Pinsels\" &uuml;ber die Brushes-Auflistung\" width=\"649,627\" height=\"405,6154\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 2: Auswahl eines &#8220;Pinsels&#8221; &uuml;ber die Brushes-Auflistung<\/span><\/b><\/p>\n<p>Sie k&ouml;nnen auch eine eigene Objektvariable f&uuml;r das <b>Brush<\/b>-Element deklarieren. Dabei ist wichtig, dass Sie nicht versuchen, die <b>Brush<\/b>-Klasse selbst zu nutzen, da diese nur eine Schnittstellenklasse ist. Die Implementierungen der <b>Brush<\/b>-Klasse wie <b>HatchBrush<\/b>, <b>LinearGradientBrush <\/b>oder <b>SolidBrush <\/b>aber liefern IntelliSense, wenn Sie hinter dem <b>New<\/b>-Schl&uuml;sselwort <b>Brush <\/b>eingeben (siehe Bild 3).<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2022_01\/pic_299_003.png\" alt=\"Implementierungen der Brush-Klasse\" width=\"524,6265\" height=\"301,6072\" \/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 3: Implementierungen der Brush-Klasse<\/span><\/b><\/p>\n<p>Beim Initialisieren einer der <b>Brush<\/b>-Implementierungen mit <b>New <\/b>m&uuml;ssen Sie au&szlig;erdem die Farbe f&uuml;r den Pinsel angeben. Das k&ouml;nnen Sie beispielsweise &uuml;ber die Auflistung <b>Color <\/b>erledigen, hier wieder f&uuml;r einen schwarzen Pinsel der Klasse <b>SolidBrush<\/b>:<\/p>\n<pre><span style=\"color:blue;\">Dim <\/span>objBrush<span style=\"color:blue;\"> As <\/span><span style=\"color:blue;\">New<\/span> SolidBrush(Color.Black)<\/pre>\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\/55000299\/\">\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\/55000299?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\/55000299\/\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_login_nonce\" value=\"fd89c58339\"\/>\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>In zwei weiteren Artikeln haben wir beschreiben, wie man mit dem Bitmap- und dem Graphics-Objekt arbeitet, um Bilddateien zu erstellen und diese mit einzelnen Pixeln oder auch mit Linien, Formen und Kurven f&uuml;llt. Im vorliegenden Artikel gehen wir noch einen Schritt weiter und schauen uns an, wie sich Text in Bitmaps einf&uuml;gen lassen und welche M&ouml;glichkeiten sich f&uuml;r ihre Platzierung und Ausrichtung ergeben.<\/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":[66012022,662022,44000016],"tags":[],"yst_prominent_words":[],"class_list":["post-55000299","post","type-post","status-publish","format-standard","hentry","category-66012022","category-662022","category-VBGrundlagen"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000299","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=55000299"}],"version-history":[{"count":0,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000299\/revisions"}],"wp:attachment":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/media?parent=55000299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/categories?post=55000299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/tags?post=55000299"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/yst_prominent_words?post=55000299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}