.net - 在 WPF 中应用主题时不显示 Listview 复选框-6ren

.net - 在 WPF 中应用主题时不显示 Listview 复选框

转载作者：行者123 更新时间：2023-12-03 10:38:05

嗨，我在应用主题 ThemeExpressionDark.xaml 时遇到复选框未显示在 Listview 中的问题。

我在 View 模型中有集合。这些集合项将与 ListView 中的复选框绑定(bind)。

我在 XAML 中的 ListView 代码是这样的。

 <ListView Background="Transparent" x:Name="checkedListView" SelectionMode="Multiple" ItemsSource="{Binding CollectionOfDays}" ItemTemplate="{StaticResource ItemDataTemplate}"       CheckBox.Unchecked="OnUncheckItem" SelectionChanged="SelectDays" SelectedItem="{Binding SelectedItems}">

我在 page.Resource 中使用的 Checkbox DataTemplate 和主题的 XAML 代码如下所示

<Page.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="/Skins/ThemeExpressionDark.xaml" />
        </ResourceDictionary.MergedDictionaries>
        <Style x:Key="ListViewTransparentSelection_Both" TargetType="{x:Type ListViewItem}">
            <Style.Resources>
                <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}"  Color="Transparent"/>
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}"  Color="Transparent"/>
            </Style.Resources>
        </Style>
        <local:UriToBitmapConverter x:Key="UriToBitmapConverter" />    
        <DataTemplate x:Key="ItemDataTemplate">
            <CheckBox
        x:Name="checkbox" Foreground="Wheat" Content="{Binding}" Margin="10,0,0,0"
        Command="{Binding CheckBoxCommand}" CommandParameter="{Binding ElementName=checkedListView, Path=SelectedItems}" IsChecked="{Binding    RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}, Path=IsSelected}" />
        </DataTemplate>            
    </ResourceDictionary>
</Page.Resources>

当我在 ListView 中执行此 XAML 代码集合复选框时未显示。请让我知道我使用的 DataTemplate 或 Theme 是否存在问题。

以下是我在 ThemeThemeExpressionDark.xaml 中与 Checkbox 相关的 XAML 代码。

<Style x:Key="{x:Static ToolBar.CheckBoxStyleKey}"
       TargetType="{x:Type CheckBox}">
  <Setter Property="FontSize"
          Value="10" />
  <Setter Property="SnapsToDevicePixels"
          Value="true" />
  <Setter Property="FocusVisualStyle"
          Value="{DynamicResource CheckBoxFocusVisual}" />
  <Setter Property="Background"
          Value="{DynamicResource NormalBrush}" />
  <Setter Property="BorderBrush"
          Value="{DynamicResource NormalBorderBrush}" />
  <Setter Property="Template"
          Value="{DynamicResource CheckBoxTemplate}" />
  <Setter Property="Foreground"
          Value="{DynamicResource TextBrush}" />
</Style>
<Style TargetType="{x:Type CheckBox}">
  <Setter Property="SnapsToDevicePixels"
          Value="true" />
  <Setter Property="FocusVisualStyle"
          Value="{DynamicResource CheckBoxFocusVisual}" />
  <Setter Property="Background"
          Value="{DynamicResource NormalBrush}" />
  <Setter Property="Foreground"
          Value="{DynamicResource TextBrush}" />
  <Setter Property="BorderBrush"
          Value="{DynamicResource NormalBorderBrush}" />
  <Setter Property="Template"
          Value="{DynamicResource CheckBoxTemplate}" />
</Style>

<ControlTemplate x:Key="CheckBoxTemplate"
                 TargetType="{x:Type CheckBox}">
  <ControlTemplate.Resources>
    <Storyboard x:Key="HoverOn">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                     Storyboard.TargetName="BackgroundOverlay"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                              Value="1" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="HoverOff">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                     Storyboard.TargetName="BackgroundOverlay"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.4000000"
                              Value="0" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="PressedOn">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                     Storyboard.TargetName="PressedRectangle"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                              Value="1" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="PressedOff">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                     Storyboard.TargetName="PressedRectangle"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000"
                              Value="0" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="CheckedTrue">
      <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CheckIcon"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                              Value="1" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="CheckedFalse">
      <DoubleAnimationUsingKeyFrames Storyboard.TargetName="CheckIcon"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.4000000"
                              Value="0" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="IndeterminateOn">
      <DoubleAnimationUsingKeyFrames Storyboard.TargetName="IndeterminateIcon"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000"
                              Value="1" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="IndeterminateOff">
      <DoubleAnimationUsingKeyFrames Storyboard.TargetName="IndeterminateIcon"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.4000000"
                              Value="0" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="FocussedOn">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                     Storyboard.TargetName="ContentFocusVisualElement"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.1000000"
                              Value="1" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Key="FocussedOff">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
                                     Storyboard.TargetName="ContentFocusVisualElement"
                                     Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000"
                              Value="0" />
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
  </ControlTemplate.Resources>
  <BulletDecorator Background="Transparent"
                   x:Name="bulletDecorator">
    <BulletDecorator.Bullet>
      <Grid Width="16"
            Height="16">
        <Rectangle Height="14"
                   Margin="1"
                   x:Name="Background"
                   Width="14"
                   Fill="{TemplateBinding Background}"
                   Stroke="{TemplateBinding BorderBrush}"
                   StrokeThickness="{TemplateBinding BorderThickness}" />
        <Rectangle Height="14"
                   Margin="1"
                   x:Name="BackgroundOverlay"
                   Width="14"
                   Opacity="0"
                   Fill="{x:Null}"
                   Stroke="{StaticResource HoverBrush}"
                   StrokeThickness="2" />
        <Rectangle Height="16"
                   x:Name="PressedRectangle"
                   Width="16"
                   IsHitTestVisible="false"
                   Opacity="0"
                   Stroke="{StaticResource HoverBrush}"
                   StrokeThickness="1" />
        <Path Height="10"
              Margin="1,1,0,1.5"
              x:Name="CheckIcon"
              Width="10.5"
              Opacity="0"
              Fill="{StaticResource GlyphBrush}"
              Stretch="Fill"
              Data="M102.03442,598.79645 L105.22962,597.78918 L106.78825,600.42358 C106.78825,600.42358 108.51028,595.74304 110.21724,593.60419 C112.00967,591.35822 114.89314,591.42316 114.89314,591.42316 C114.89314,591.42316 112.67844,593.42645 111.93174,594.44464 C110.7449,596.06293 107.15683,604.13837 107.15683,604.13837 z" />
        <Rectangle Height="8"
                   x:Name="IndeterminateIcon"
                   Width="10"
                   Opacity="0"
                   Fill="{StaticResource GlyphBrush}" />
        <Rectangle Height="14"
                   x:Name="DisabledVisualElement"
                   Width="14"
                   Opacity="0"
                   Fill="{StaticResource DisabledBackgroundBrush}" />
        <Rectangle Height="16"
                   x:Name="ContentFocusVisualElement"
                   Width="16"
                   IsHitTestVisible="false"
                   Opacity="0"
                   Stroke="{StaticResource HoverShineBrush}"
                   StrokeThickness="1" />
        <Rectangle Height="12"
                   x:Name="ShineRectangle"
                   Width="14"
                   IsHitTestVisible="false"
                   Opacity="1"
                   Stroke="{x:Null}"
                   StrokeThickness="1"
                   Fill="{StaticResource ShineBrush}"
                   Margin="2,2,2,2" />
      </Grid>
    </BulletDecorator.Bullet>
    <ContentPresenter RecognizesAccessKey="True"
                      Margin="5,0,0,0"
                      VerticalAlignment="Top"
                      HorizontalAlignment="Left" />
  </BulletDecorator>
  <ControlTemplate.Triggers>
    <Trigger Property="IsFocused"
             Value="True">
      <Trigger.ExitActions>
        <BeginStoryboard Storyboard="{StaticResource FocussedOff}"
                         x:Name="FocussedOff_BeginStoryboard" />
      </Trigger.ExitActions>
      <Trigger.EnterActions>
        <BeginStoryboard Storyboard="{StaticResource FocussedOn}"
                         x:Name="FocussedOn_BeginStoryboard" />
      </Trigger.EnterActions>
    </Trigger>
    <MultiTrigger>
      <MultiTrigger.Conditions>
        <Condition Property="IsChecked"
                   Value="True" />
        <Condition Property="IsThreeState"
                   Value="True" />
      </MultiTrigger.Conditions>
      <MultiTrigger.EnterActions>
        <BeginStoryboard x:Name="ThreeStateOn_BeginStoryboard"
                         Storyboard="{StaticResource CheckedFalse}" />
      </MultiTrigger.EnterActions>
      <MultiTrigger.ExitActions>
        <BeginStoryboard x:Name="ThreeStateOff_BeginStoryboard"
                         Storyboard="{StaticResource CheckedTrue}" />
      </MultiTrigger.ExitActions>
    </MultiTrigger>
    <MultiTrigger>
      <MultiTrigger.Conditions>
        <Condition Property="IsChecked"
                   Value="{x:Null}" />
        <Condition Property="IsThreeState"
                   Value="True" />
      </MultiTrigger.Conditions>
      <MultiTrigger.EnterActions>
        <BeginStoryboard x:Name="ThreeStateOn1_BeginStoryboard"
                         Storyboard="{StaticResource IndeterminateOn}" />
      </MultiTrigger.EnterActions>
      <MultiTrigger.ExitActions>
        <BeginStoryboard x:Name="ThreeStateOff1_BeginStoryboard"
                         Storyboard="{StaticResource IndeterminateOff}" />
      </MultiTrigger.ExitActions>
      <Setter Property="Visibility"
              TargetName="CheckIcon"
              Value="Hidden" />
    </MultiTrigger>
    <Trigger Property="IsChecked"
             Value="True">
      <Trigger.ExitActions>
        <BeginStoryboard Storyboard="{StaticResource CheckedFalse}"
                         x:Name="CheckedTrue_BeginStoryboard" />
      </Trigger.ExitActions>
      <Trigger.EnterActions>
        <BeginStoryboard x:Name="CheckedTrue_BeginStoryboard1"
                         Storyboard="{StaticResource CheckedTrue}" />
      </Trigger.EnterActions>
    </Trigger>
    <Trigger Property="IsMouseOver"
             Value="true">
      <Trigger.EnterActions>
        <BeginStoryboard Storyboard="{StaticResource HoverOn}" />
      </Trigger.EnterActions>
      <Trigger.ExitActions>
        <BeginStoryboard Storyboard="{StaticResource HoverOff}" />
      </Trigger.ExitActions>
    </Trigger>
    <Trigger Property="IsEnabled"
             Value="false">
      <Setter Property="Fill"
              Value="{DynamicResource DisabledBackgroundBrush}"
              TargetName="Background" />
      <Setter Property="Stroke"
              Value="{DynamicResource DisabledBorderBrush}"
              TargetName="Background" />
      <Setter Property="Foreground"
              Value="{DynamicResource DisabledForegroundBrush}" />
      <Setter Property="Opacity"
              TargetName="bulletDecorator"
              Value="0.5" />
    </Trigger>
  </ControlTemplate.Triggers>
</ControlTemplate>

最佳答案

如果您所指的主题与我过去使用的主题相同，那么请查看下面的 CheckBox 控件模板。特别注意SolidColorBrush在以下标签内。

<Border.BorderBrush>
    <SolidColorBrush Color="{DynamicResource BlackColor}" />
</Border.BorderBrush>

您主题中的画笔可能设置为与您的背景融为一体的颜色。因为这会使边框不可见，所以复选框也将显得不可见。尝试将该边框画笔设置为不同的颜色。我已将我的设置为 BlackColor，它与主题中的所有其他边框相匹配。

<ControlTemplate x:Key="NuclearCheckBox"  TargetType="{x:Type CheckBox}">
    <BulletDecorator Background="Transparent" x:Name="bulletDecorator">
        <BulletDecorator.Bullet>
            <Grid Width="13" Height="13">
                <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0,0,0,0" Background="{DynamicResource LightBrush}">
                    <Border.BorderBrush>
                        <SolidColorBrush Color="{DynamicResource BlueBorderColor}" />
                    </Border.BorderBrush>
                    <Rectangle Visibility="Hidden" Fill="{DynamicResource GlyphBrush}" x:Name="rectangle" Margin="1,1,1,1" />
                </Border>
                <Path Stretch="Fill" Stroke="{DynamicResource GlyphBrush}" StrokeThickness="2" x:Name="path" Width="Auto" Data="M1.0924787,5.372821 L3.1785986,10.519821 10.528543,2.5198207" Margin="1.577,0.134,-0.013,2.866" />
            </Grid>
        </BulletDecorator.Bullet>
        <ContentPresenter RecognizesAccessKey="True" Margin="5,0,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" />
    </BulletDecorator>
    <ControlTemplate.Triggers>
    </ControlTemplate.Triggers>
</ControlTemplate>

关于.net - 在 WPF 中应用主题时不显示 Listview 复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17069725/

文章推荐： c# - knockout -获取分页数据，初始加载

文章推荐： wpf - 如何绑定(bind)到类型 Window 作为 DataTemplate

文章推荐： wpf - MVVM:如何从Model对象创建ViewModel

文章推荐： wpf - 将枚举与 ObjectDataProvider 绑定(bind)

java - Android 主题.AppCompat 主题
这个问题已经有答案了: Cannot create AlertDialog: AppCompat error (2 个回答) 已关闭 6 年前。当我在列表项中调用警报对话框时，我的应用程序崩溃了。我
angular - node_modules/rxjs/主题 "' has no exported member ' 主题'
我在 Angular 应用程序中安装了 Material UI，现在我收到错误，没有导出的成员 Observable 错误，我删除了节点模块并重新安装，问题仍然存在 ERROR in node_mo
java - 'exactly once' 是否仅适用于流(主题 1 -> 应用程序 -> 主题 2)？
我有一个架构，其中有两个独立的应用程序。原始来源是一个sql数据库。 App1 监听 CDC 表以跟踪对该数据库中表的更改、规范化和序列化这些更改。它获取这些序列化消息并将它们发送到 Kafka 主题
android - 主题 Material Android : You need to use a Theme. AppCompat 主题(或后代)与设计库
这个问题在这里已经有了答案: Material Design, AppCompat, and Backwards Compatibility (1 个回答) 关闭 6 年前。我收到如下错误信息:
.net - 使 WPF 应用程序看起来像 Metro 风格，即使在 Windows 7 中也是如此？ (窗口 Chrome/主题/主题)
我喜欢新 Office 套件和 Visual Studio 上的窗口镶边: 当然，我仍在为 Windows 7 开发应用程序，但我想知道是否有一种快速且简单的方法(阅读:WPF 样式或 Windows
android - _HoloActivity$HoloThemeException : You must apply Holo. 主题，Holo.Theme.Light 或 Holo.Theme.Light.DarkActionBar 主题
我正在使用 HoloEverywhere-1.6.8。我有一个基于 Holo.Theme 的自定义主题。 ... 我遇到了下面的崩溃，但它只出现在以下设备上: Galaxy Tab 10.1 P
Angular DevExtreme 主题
我正在尝试为 Angular 的 DevExtreme 小部件加载主题。我采用了不同的方法: 在 angular.json 中设置样式但不会产生任何影响: "projects": { "my-proj
android - 扩展外部应用程序样式/主题
我想定义一个 android 样式，它扩展了一个在不同的应用程序/包中定义的样式，而不是作为库导入。从对android资源的xml引用的定义here : @[:]/ 似乎可以在定义资源的地方指定一个
android - 主题、样式和别名嵌套不起作用
我正在尝试测试一种制作主题的方法，但我使用的方法并没有给我预期的结果。这是我的设置: drawable/dummy.xml 值/mythemes.xml @style
IMAP FETCH 主题
通过 telnet 使用 IMAP，我希望能够从特定的给定电子邮件中提取主题。现在我知道 fetch 命令负责从电子邮件中获取数据。我的问题是，如何在不使用对 BODY[HEADER.FIELDS
RStudio knitr 主题
我刚刚开始使用 RStudio 中的一些新的 knitr 功能。我已经尝试在 R Markdown 设置对话框中选择几个不同的主题，但这些似乎对我生成的文档的样式没有任何明显的影响。应该，还是我错过
CSS 模块和多个布局/主题？
在我的应用程序中，我有多种主题样式(您可以将它们视为不同的、单独的 CSS 样式文件)。我想开始使用 CSS 模块，但我什至不知道如何 import我的第一个文件。让我们假设以下(简单)目录结构:
Azure 主题 - 同一订阅上的多个监听器
有没有一种方法可以在一个 Azure 主题订阅上拥有多个监听客户端，并且它们都接收所有消息？我的理解是订阅的唯一实现是发布的消息仅传递到该订阅上的一个客户端，因为它就像一个队列。可以使用同一订阅将这
Vim:根据一天中的时间设置颜色/主题
我有一台 super 光滑的显示器，所以白天我可以比深色主题上的代码更好地看到自己的倒影。因此，我认为如果我可以在 vimrc 中有一个简单的 if 开关来根据一天中的时间设置深色主题或浅色主题，那就
themes - Symfony2 主题
我希望在我的 Symfony2 项目中提供基本的主题支持，因此我希望为每个主题提供单独的静态文件(css、js、img)。我尝试添加 assetic: read_from: %kernel
Azure 主题 - 同一订阅上的多个监听器
有没有一种方法可以在一个 Azure 主题订阅上拥有多个监听客户端，并且它们都接收所有消息？我的理解是订阅的唯一实现是发布的消息仅传递到该订阅上的一个客户端，因为它就像一个队列。可以使用同一订阅将这
Nolio NES 主题
在 NES 上有多个处于 WAITING 状态的“Discovery Worker”和“Keep Alive”线程是预期的行为吗？ "DiscoveryWorker-10" Id=62 WAITING
java - 根据图像修改背景颜色(主题)
我正在尝试找到最适合加载图像的颜色并将其应用到背景中。适应图像并使 UI 感觉更自然。到目前为止我已经找到了 2 个方案: 1> 平均像素(下面的代码): final Color acclimati
java - 主题网络环境中的本地问题
我知道每个请求都由一个 servlet 线程提供服务，但是对于一个用户 session ，两个请求是否可以由两个不同的线程提供服务？如果上述情况真的发生，那么第一个请求服务线程存储的线程局部变量被第
java - 主题、背景颜色和操作栏的交互
我无法理解操作栏外观与主题化之间的交互模式。我的应用设置为使用默认主题，我认为它是深色的: 通过应用范围内的样式从应用中删除操作栏会导致主要 Activity 的黑色背景: 没有 and

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

.net - 在 WPF 中应用主题时不显示 Listview 复选框