{"id":106,"date":"2016-09-23T10:26:01","date_gmt":"2016-09-23T08:26:01","guid":{"rendered":"https:\/\/josjo.de\/Blog\/?p=106"},"modified":"2020-12-30T16:48:03","modified_gmt":"2020-12-30T15:48:03","slug":"dark-checkbox-style","status":"publish","type":"post","link":"https:\/\/josjo.de\/Blog\/2016\/09\/23\/dark-checkbox-style\/","title":{"rendered":"Dark CheckBox Style"},"content":{"rendered":"

In diesem Beitrag soll ein einfacher Style<\/em> f\u00fcr das WPF-Steuerelement CheckBox<\/em> vorgestellt werden. Dabei wurde ein dunkles Farbschema gew\u00e4hlt, welches ideal zu dunklen Fensterhintergr\u00fcnden passt. Der Style verhilft den Checkboxen zu folgendem Aussehen:<\/p>\n

\"darkcheckboxstyle\"<\/p>\n

Der dazugeh\u00f6rige XAML-Code sieht folgenderma\u00dfen aus:<\/p>\n

\r\n\r\n<Style TargetType="CheckBox">\r\n\t<Setter Property="SnapsToDevicePixels" Value="true"\/>\r\n\t<Setter Property="OverridesDefaultStyle" Value="true"\/>\r\n\t<Setter Property="FocusVisualStyle" Value="{x:Null}"\/>\r\n\t<Setter Property="Foreground" Value="White"\/>\r\n\t<Setter Property="Template">\r\n\t\t<Setter.Value>\r\n\t\t\t<ControlTemplate TargetType="CheckBox">\r\n\t\t\t\t<BulletDecorator Background="Transparent">\r\n\t\t\t\t\t<BulletDecorator.Bullet>\r\n\t\t\t\t\t\t<Border x:Name="Border" Width="15" Height="15" CornerRadius="2" Background="#FF1B1B1B" BorderThickness="0">\r\n\t\t\t\t\t\t\t<Path Width="9" Height="9" x:Name="CheckMark" SnapsToDevicePixels="False" Stroke="#FF0077C9" StrokeThickness="2" Data="M 0 4 L 3 8 8 0" \/>\r\n\t\t\t\t\t\t<\/Border>\r\n\t\t\t\t\t<\/BulletDecorator.Bullet>\r\n\t\t\t\t\t<ContentPresenter Margin="4,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left" RecognizesAccessKey="True"\/>\r\n\t\t\t\t<\/BulletDecorator>\r\n\t\t\t\t<ControlTemplate.Triggers>\r\n\t\t\t\t\t<Trigger Property="IsChecked" Value="false">\r\n\t\t\t\t\t\t<Setter TargetName="CheckMark" Property="Visibility" Value="Collapsed"\/>\r\n\t\t\t\t\t<\/Trigger>\r\n\t\t\t\t\t<Trigger Property="IsChecked" Value="{x:Null}">\r\n\t\t\t\t\t\t<Setter TargetName="CheckMark" Property="Data" Value="M 0 8 L 8 0" \/>\r\n\t\t\t\t\t<\/Trigger>\r\n\t\t\t\t\t<Trigger Property="IsMouseOver" Value="true">\r\n\t\t\t\t\t\t<Setter TargetName="Border" Property="Background" Value="#FF131313" \/>\r\n\t\t\t\t\t<\/Trigger>\r\n\t\t\t\t\t<Trigger Property="IsEnabled" Value="false">\r\n\t\t\t\t\t\t<Setter TargetName="CheckMark" Property="Stroke" Value="#FF6C6C6C"\/>\r\n\t\t\t\t\t\t<Setter Property="Foreground" Value="Gray"\/>\r\n\t\t\t\t\t<\/Trigger>\r\n\t\t\t\t<\/ControlTemplate.Triggers>\r\n\t\t\t<\/ControlTemplate>\r\n\t\t<\/Setter.Value>\r\n\t<\/Setter>\r\n<\/Style>\r\n\r\n<\/pre>\n
 <\/p>\n
Wer mehr \u00fcber Styles in WPF und deren Einbindung erfahren m\u00f6chte, kann sich hier<\/a> ausf\u00fchrlich dar\u00fcber informieren.<\/p>\n","protected":false},"excerpt":{"rendered":"
In diesem Beitrag soll ein einfacher Style f\u00fcr das WPF-Steuerelement CheckBox vorgestellt werden. Dabei wurde ein dunkles Farbschema gew\u00e4hlt, welches ideal zu dunklen Fensterhintergr\u00fcnden passt. Der Style verhilft den Checkboxen zu folgendem Aussehen:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[7,8,4,6],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-wpf","tag-checkbox","tag-style","tag-wpf","tag-xaml"],"_links":{"self":[{"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":14,"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":610,"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/posts\/106\/revisions\/610"}],"wp:attachment":[{"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/josjo.de\/Blog\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}