WPF 中是否有标准的渐进式披露旋转三角形？

Question

我的 C# .NET WPF 应用程序中有一个按钮，单击它会在屏幕上显示更多内容。我想使用 standard 渐进式披露旋转三角形：

我将通过制作一个带有图像的按钮来实现这一点，当您单击它时图像会发生变化。我需要做的就是画两个三角形。然而，由于这是一个标准的 UI 任务，这让我想知道微软是否已经提供了，如果不是整个控件，至少已经提供了按钮图像。我可以继续并滚动我自己的按钮，但是：

我只是在重新发明轮子——可能比微软已经做的更糟糕。
我的图像可能看起来与 Microsoft 的图像不完全一样（由于缩放或定位，或旋转速度等原因）。

现在有渐进式褪色旋转三角控件吗？如果没有，按钮图像是否已经与 OS 一起安装，我可以在哪里使用它们？

Answer 1

我不知道您可以使用任何官方资源，但我同意应该有一个。也就是说，我能做的最好的事情就是向您展示 Microsoft 如何制作他们的产品，以便您也可以这样做。

正如 XAMlMAX 所指出的，标准 TreeViewItem 控件使用了这些三角形。我 used Visual Studio to get the template 表示控制。以下是相关部分：

        <PathGeometry x:Key="TreeArrow" Figures="M0,0 L0,6 L6,0 z"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.Static.Checked.Fill" Color="#FF595959"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.Static.Checked.Stroke" Color="#FF262626"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.MouseOver.Stroke" Color="#FF27C7F7"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.MouseOver.Fill" Color="#FFCCEEFB"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.MouseOver.Checked.Stroke" Color="#FF1CC4F7"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.MouseOver.Checked.Fill" Color="#FF82DFFB"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.Static.Fill" Color="#FFFFFFFF"/>
        <SolidColorBrush x:Key="TreeViewItem.TreeArrow.Static.Stroke" Color="#FF818181"/>
        <Style x:Key="ExpandCollapseToggleStyle" TargetType="{x:Type ToggleButton}">
            <Setter Property="Focusable" Value="False"/>
            <Setter Property="Width" Value="16"/>
            <Setter Property="Height" Value="16"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ToggleButton}">
                        <Border Background="Transparent" Height="16" Padding="5,5,5,5" Width="16">
                            <Path x:Name="ExpandPath" Data="{StaticResource TreeArrow}" Fill="{StaticResource TreeViewItem.TreeArrow.Static.Fill}" Stroke="{StaticResource TreeViewItem.TreeArrow.Static.Stroke}">
                                <Path.RenderTransform>
                                    <RotateTransform Angle="135" CenterY="3" CenterX="3"/>
                                </Path.RenderTransform>
                            </Path>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="RenderTransform" TargetName="ExpandPath">
                                    <Setter.Value>
                                        <RotateTransform Angle="180" CenterY="3" CenterX="3"/>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="{StaticResource TreeViewItem.TreeArrow.Static.Checked.Fill}"/>
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="{StaticResource TreeViewItem.TreeArrow.Static.Checked.Stroke}"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="{StaticResource TreeViewItem.TreeArrow.MouseOver.Stroke}"/>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="{StaticResource TreeViewItem.TreeArrow.MouseOver.Fill}"/>
                            </Trigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsMouseOver" Value="True"/>
                                    <Condition Property="IsChecked" Value="True"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="Stroke" TargetName="ExpandPath" Value="{StaticResource TreeViewItem.TreeArrow.MouseOver.Checked.Stroke}"/>
                                <Setter Property="Fill" TargetName="ExpandPath" Value="{StaticResource TreeViewItem.TreeArrow.MouseOver.Checked.Fill}"/>
                            </MultiTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

顶部是用于创建三角形的 "TreeArrow" PathGrometry。下面是 SolidColorBrushes，它们提供了各种状态的颜色。下面是 ToggleButton 的样式，它使用前面提到的资源，根据 ToggleButton.

的状态正确设置三角形的颜色和旋转

您应该能够使用它来创建与 Microsoft 相匹配的渐进式披露机制。

WPF 中是否有标准的渐进式披露旋转三角形？

Is there a standard progressive disclosure rotating triangle in WPF?

.net

c#

wpf

wpf-controls