【问题标题】:Treeview Toggle Button Style working only for Parent Node and not for Child Nodes树视图切换按钮样式仅适用于父节点,不适用于子节点
【发布时间】:2019-03-27 20:38:26
【问题描述】:

我有一个树视图,为此我在 App.xaml 中编写了树视图的样式模板,因为我需要在我的应用程序的两个或三个树视图中应用该样式。现在我的问题是切换按钮样式适用于父节点而不适用于子节点。 这里对于切换按钮折叠和展开,我添加了两个图像( 资源/图片/arrowexpand.png 和 资源/图像/arrowcollapse.png 它与父节点完美配合,但不适用于子节点和子节点。 对于子节点和子子节点,默认三角形按钮来了。 我没有使用 MVVM。我不知道我哪里错了

在树视图中

<TreeView x:Name="myTreeview" ItemContainerStyle="{StaticResource ms}"/>

这是我在 App.xaml 中的代码

<Style TargetType="TreeView">
    <Setter Property="OverridesDefaultStyle" Value="True"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="TreeView">
                <Border Name="Border" CornerRadius="5" BorderThickness="2">
                    <Border.BorderBrush>
                        <SolidColorBrush Color="DarkGreen"/>
                    </Border.BorderBrush>
                    <ItemsPresenter/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style x:Key="ExpandCollapseToggleStyle" TargetType="ToggleButton">
    <Setter Property="Focusable" Value="False"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToggleButton">
                <Image x:Name="image" Source="Resources/Images/arrowcollapse.png" />
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="true">
                        <Setter TargetName="image" Property="Source" Value="Resources/Images/arrowexpand.png" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style  x:Key="ms" TargetType="TreeViewItem" >
    <Setter Property="IsExpanded" Value="True"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Padding" Value="1,0,0,0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="TreeViewItem">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition MinWidth="19" Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                <!--     Connecting Lines -->
                   <Rectangle x:Name="HorLn" Margin="9,1,0,0" Height="1" Stroke="#DCDCDC" SnapsToDevicePixels="True"/>
                    <Rectangle x:Name="VerLn" Width="1" Stroke="#DCDCDC" Margin="0,0,1,0" Grid.RowSpan="2" SnapsToDevicePixels="true" Fill="White"/>
                    <ToggleButton Margin="-1,0,0,0" x:Name="Expander" Style="{StaticResource ExpandCollapseToggleStyle}" IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" ClickMode="Press"/>
                    <ToggleButton Margin="-1,0,0,0" x:Name="Collapsed" Style="{StaticResource ExpandCollapseToggleStyle}" IsChecked="{Binding Path=IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" ClickMode="Press"/>
                    <Border Name="Bd" Grid.Column="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                        <ContentPresenter x:Name="PART_Header" ContentSource="Header" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" MinWidth="20"/>
                    </Border>
                    <ItemsPresenter x:Name="ItemsHost" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2"/>
                </Grid>


               <ControlTemplate.Triggers>
                    <Trigger Property="IsExpanded" Value="False">
                        <Setter TargetName="ItemsHost" Property="Visibility" Value="Collapsed"/>
                    </Trigger>
                    <Trigger Property="HasItems" Value="false">
                        <Setter TargetName="Expander" Property="Visibility" Value="Hidden"/>
                    </Trigger>

                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="HasHeader" Value="false"/>
                            <Condition Property="Width" Value="Auto"/>
                        </MultiTrigger.Conditions>
                        <Setter TargetName="PART_Header" Property="MinWidth" Value="75"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="HasHeader" Value="false"/>
                            <Condition Property="Height" Value="Auto"/>
                        </MultiTrigger.Conditions>
                        <Setter TargetName="PART_Header" Property="MinHeight" Value="19"/>
                    </MultiTrigger>
                    <Trigger Property="IsSelected" Value="true">
                        <Setter TargetName="Bd" Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
                    </Trigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsSelected" Value="true"/>
                            <Condition Property="IsSelectionActive" Value="false"/>
                        </MultiTrigger.Conditions>
                        <Setter TargetName="Bd" Property="Background" Value="Green"/>
                        <Setter Property="Foreground" Value="White"/>
                    </MultiTrigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

我希望箭头按钮用于子项和子项。请告诉我哪里错了

【问题讨论】:

  • 我试过这个。它不适合我。任何其他方式...
  • 你到底尝试了什么?
  • 我所有的风格陈述都在 App.xaml 中
  • 这应该可以,除非您的项目中有一些干扰样式定义或一些过时的生成文件。进行解决方案清理(全部重建还不够),然后重试资源方法。确保您的项目不包含任何可能干扰您想要的样式的目标 TreeViewItem 样式

标签: c# wpf


【解决方案1】:

我找到了解决方案。实际上,我正在尝试将样式应用于树视图项的派生类。所以只有我的风格不起作用。 我所做的只是在派生类的构造函数中添加了这个样式声明 样式 = (Style)FindResource(typeof(TreeViewItem)); 然后将样式应用于树视图中的所有项目。

【讨论】:

    猜你喜欢
    • 2021-05-27
    • 2020-06-10
    • 1970-01-01
    • 1970-01-01
    • 2017-10-20
    • 2023-03-03
    • 1970-01-01
    • 2021-09-08
    • 2015-10-28
    相关资源
    最近更新 更多