如何使 WPF 按钮看起来像链接？

Question

我想在 WPF 中使用样式类似于链接的按钮。 Microsoft 在其 Windows 对话框中这样做（看似不一致）。

它们看起来像蓝色文字。当鼠标光标悬停在上方时更改颜色和下划线。

示例：

我成功了。 （感谢克里斯蒂安，安德森·艾姆斯，以及MichaC）但是，我必须在按钮内放置一个 TextBlock 。

如何改进我的样式 - 使其在不需要 Button 内的 TextBlock 的情况下工作？

用法 XAML

<Button Style="{StaticResource HyperlinkLikeButton}">
    <TextBlock>Edit</TextBlock>
</Button>

样式 XAML

<Style x:Key="HyperlinkLikeButton" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <ContentPresenter />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HotTrackBrushKey}}" />
    <Setter Property="Cursor" Value="Hand" />
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="true">
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <ControlTemplate.Resources>
                            <Style TargetType="{x:Type TextBlock}">
                                <Setter Property="TextDecorations" Value="Underline" />
                            </Style>
                        </ControlTemplate.Resources>
                        <ContentPresenter />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

Answer 1

您知道有一个 超链接 类/标签？它看起来像一个超链接，也可以用作按钮（可以使用 URI 和/或命令和/或单击事件）。

编辑：

用法示例：

<TextBlock>                                
    <Hyperlink Command="{Binding SomeCommand, ElementName=window}" CommandParameter="{Binding}">Link
    </Hyperlink>
</TextBlock>

Answer 2

我参加聚会有点晚了，但是...

最简单、最干净的方法 IMO ：

<Style x:Key="HyperLinkButtonStyle" TargetType="Button">
    <Setter Property="Focusable" Value="False" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <TextBlock>
                    <Hyperlink>
                        <Run Text="{TemplateBinding Content}" />
                    </Hyperlink>
                </TextBlock>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

• 忠实，无模拟：我们只使用 超链接本身
• 尊重：重点是一个重要方面，是保留

Answer 3

使用以下样式或模板不需要您使用 TextBlock 元素：

  <ControlTemplate x:Key="HyperlinkLikeButtonTemplate" TargetType="{x:Type Button}">
      <TextBlock x:Name="innerText" Foreground="{DynamicResource {x:Static SystemColors.HotTrackBrushKey}}" Cursor="Hand" >
        <ContentPresenter />
      </TextBlock>
    <ControlTemplate.Triggers>
      <Trigger Property="Button.IsMouseOver" Value="true">
        <Setter TargetName="innerText" Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
        <Setter TargetName="innerText" Property="TextDecorations" Value="Underline" />
      </Trigger>
    </ControlTemplate.Triggers>
  </ControlTemplate>

  <Style x:Key="HyperlinkLikeButton" TargetType="{x:Type Button}">
    <Setter Property="Template" Value="{StaticResource HyperlinkLikeButtonTemplate}" />
  </Style> 

Usage XAML

<Button Style="{StaticResource HyperlinkLikeButton}" Content="Edit" />

或者

<Button Style="{StaticResource HyperlinkLikeButton}">
    Edit
</Button>

您可以直接使用模板

<Button Template="{StaticResource HyperlinkLikeButtonTemplate}" Content="Edit" />

Answer 4

我认为问题在于按钮是内容控件，但链接样式仅适用于文本作为内容。这就是您的代码如此设计的原因。我认为我们可以通过指定文本块而不是内容呈现器来在控件模板中工作，但是什么属性绑定到它？所以我的建议是：子类按钮并声明字符串类型的依赖属性，并使用该属性绑定 ControlTemplate 中的文本。

Answer 5

除非我遗漏了一些东西，否则如果您是内联应用样式而不是全局应用样式，您就不能摆脱 TextBlock 的样式吗？例如：

<Style x:Key="LinkButton" TargetType="TextBlock">            
    <Setter Property="Cursor" Value="Hand" />
    <Setter Property="Margin" Value="0,0,10,0" />
    <Setter Property="TextDecorations" Value="Underline" />
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HotTrackBrushKey}}" />
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="true">
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />                 
        </Trigger>
    </Style.Triggers>
</Style>

所以：

<TextBlock Style="{StaticResource LinkButton}">Edit</TextBlock>

要启用单击，只需使用 MouseUp 事件。