{"id":55000101,"date":"2017-10-01T00:00:00","date_gmt":"2020-03-27T19:28:21","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=101"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"PropertyElemente_am_Beispiel_Content","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/PropertyElemente_am_Beispiel_Content\/","title":{"rendered":"Property-Elemente am Beispiel Content"},"content":{"rendered":"<p><b>Unter Access konnten Sie beispielsweise in einer Schaltfl&auml;che lediglich einen Text als Inhalt unterbringen. In neueren Versionen kamen dann noch einige Features zur Gestaltung von Rand, Hintergrund, Bildern et cetera hinzu. Unter WPF sieht das ganz anders aus. Eine Schaltfl&auml;che bringt zwar mit der Content-Eigenschaft die M&ouml;glichkeit mit, einfache Texte einzugeben und liefert auch noch einige weitere Attribute, mit denen sich andere g&auml;ngige Eigenschaften wie Rahmen, Hintergrund und so weiter einstellen lassen. Aber die Content-Eigenschaft nimmt nicht nur reine Texte, sondern nahezu beliebige Inhalte entgegen und zeigt diese innerhalb des Buttons an. Der Button ist dabei &uuml;brigens nur ein Beispiel &#8211; es gibt noch weitere Steuerelemente, welche die Content-Eigenschaft anbieten.<\/b><\/p>\n<h2>Einfache Texte<\/h2>\n<p>Wenn Sie wie beispielsweise unter Access einfach nur einfache Texte in einer Schaltfl&auml;che anzeigen m&ouml;chten, weisen Sie diese einfach der Eigenschaft <b>Text <\/b>zu. Unter WPF gibt es daf&uuml;r das Attribut <b>Content<\/b>, das wir im folgenden Beispiel mit dem Text <b>Beispielbutton <\/b>f&uuml;llen (Ergebnis siehe Bild 1):<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"..\/fileadmin\/_temp_\/2017_05\/pic_101_001.png\" alt=\"Button mit einfachem Text\" width=\"499,6607\" height=\"129,9329\"\/><\/p>\n<p><b><span style=\"color:darkgrey;\">Bild 1: Button mit einfachem Text<\/span><\/b><\/p>\n<pre>&lt;Button Height=\"25\" Width=\"120\" VerticalAlignment=\"Top\" HorizontalAlignment=\"Left\" Margin=\"10\" Content=\"Beispielbutton\"&gt;&lt;\/Button&gt;<\/pre>\n<h2>Content mit anderem Objekt f&uuml;llen<\/h2>\n<p>Wenn Sie nun nicht nur einen einfachen Text als <b>Content <\/b>verwenden m&ouml;chten, sondern beispielsweise ein anderes Objekt wie einen Text mit einem Bild, scheint dies mit dem <b>Content<\/b>-Attribut allein nicht m&ouml;glich. Unter C# k&ouml;nnten Sie das aber beispielsweise wie folgt l&ouml;sen:<\/p>\n<pre>public partial class MainWindow : Window {\r\n     public MainWindow() {\r\n         InitializeComponent();\r\n         Button btn = new Button();\r\n         btn.Width = 150;\r\n         btn.Height = 32;\r\n         StackPanel stp = new StackPanel();\r\n         Image img = new Image();\r\n         img.Source = new BitmapImage(new Uri(@\"\/ContentProperty;component\/images\/close.png\", UriKind.Relative));\r\n         img.Width = 24;\r\n         img.Height = 24;\r\n         img.Margin = (Thickness)System.ComponentModel.TypeDescriptor.GetConverter(typeof(Thickness)).\r\n             ConvertFromInvariantString(\"5,0,5,0\");\r\n         TextBlock txt = new TextBlock();\r\n         txt.Text = \"Button mit Bild\";\r\n         txt.VerticalAlignment = VerticalAlignment.Center;\r\n         stp.Children.Add(img);\r\n         stp.Children.Add(txt);\r\n         stp.Orientation = Orientation.Horizontal;\r\n         btn.Content = stp;\r\n         btn.HorizontalContentAlignment = HorizontalAlignment.Left;\r\n         MyGrid.Children.Add(btn);\r\n     }\r\n}<\/pre>\n<p>Zus&auml;tzlich m&uuml;ssen Sie das <b>Grid<\/b>-Element im <b>.xaml<\/b>-Code noch entsprechend benennen, damit wir &uuml;ber die Bezeichnung <b>MyGrid <\/b>darauf zugreifen k&ouml;nnen:<\/p>\n<pre>&lt;Grid x:Name=\"MyGrid\"&gt;<\/pre>\n<p>Die Methode <b>MainWindow <\/b>erzeugt nun ein neues <b>Button<\/b>-Element, dem es zun&auml;chst eine Breite und eine H&ouml;he zuweist. Dann erstellt sie ein neues <b>StackPanel<\/b>-Element, das die beiden enthaltenen Elemente, also das Bild und den Text nebeneinander anordnen soll. Das Bild bringen wir zun&auml;chst in der Variablen <b>img <\/b>unter und weisen seiner <b>source<\/b>-Eigenschaft &uuml;ber <b>new BitmapImage <\/b>ein im Projekt gespeichertes Bild zu. Danach stellt die Methode H&ouml;he und Breite des Bildes ein sowie die horizontale Ausrichtung.<\/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\/55000101\/\">\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\/55000101?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\/55000101\/\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"rcp_login_nonce\" value=\"122f66fc6a\"\/>\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 konnten Sie beispielsweise in einer Schaltfl&auml;che lediglich einen Text als Inhalt unterbringen. In neueren Versionen kamen dann noch einige Features zur Gestaltung von Rand, Hintergrund, Bildern et cetera hinzu. Unter WPF sieht das ganz anders aus. Eine Schaltfl&auml;che bringt zwar mit der Content-Eigenschaft die M&ouml;glichkeit mit, einfache Texte einzugeben und liefert auch noch einige weitere Attribute, mit denen sich andere g&auml;ngige Eigenschaften wie Rahmen, Hintergrund und so weiter einstellen lassen. Aber die Content-Eigenschaft nimmt nicht nur reine Texte, sondern nahezu beliebige Inhalte entgegen und zeigt diese innerhalb des Buttons an. Der Button ist dabei &uuml;brigens nur ein Beispiel &#8211; es gibt noch weitere Steuerelemente, welche die Content-Eigenschaft anbieten.<\/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":[662017,66052017,44000027,44000028,44000003],"tags":[],"yst_prominent_words":[],"class_list":["post-55000101","post","type-post","status-publish","format-standard","hentry","category-662017","category-66052017","category-Excel_programmieren","category-Word_programmieren","category-WPFGrundlagen"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000101","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=55000101"}],"version-history":[{"count":0,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/posts\/55000101\/revisions"}],"wp:attachment":[{"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/media?parent=55000101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/categories?post=55000101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/tags?post=55000101"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/vbentwickler.de\/data\/wp\/v2\/yst_prominent_words?post=55000101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}