在UWP中输入Pointer时如何更改HyperlinkBut​​ton背景和前景色

Question

这是我的 C# 和 XAML 示例 UWP 代码 我在 MainPage 方法中创建了一个超链接按钮，并设置了前景和背景等样式属性。

现在我想在像鼠标悬停一样触发 PointerEntered 事件时更改背景和前景色，在这种情况下，只有字体大小会改变，颜色不会改变

public MainPage(){
    this.InitializeComponent();

    var hLinkButton = new HyperlinkButton();

    hLinkButton.Name = "LearnMoreHyperLink";
    hLinkButton.Content = "Learn More...";

    hLinkButton.Background = new SolidColorBrush(Colors.Red);
    hLinkButton.Foreground = new SolidColorBrush(Colors.White);
    hLinkButton.FontWeight = FontWeights.SemiBold;
    hLinkButton.FontSize = 18.0;

    hLinkButton.PointerEntered += OnPointerEntered;
    LayoutGrid.Children.Add(hLinkButton);
}

private void OnPointerEntered(object sender, PointerRoutedEventArgs e){
    var hLButton = sender as HyperlinkButton;
    hLButton.Background = new SolidColorBrush(Colors.White);
    hLButton.Foreground = new SolidColorBrush(Colors.Red);
    hLButton.FontSize = 30.0;
}

// Only fontsize effecting on mouseover, background and foreground is not working

Answer 1

您可以覆盖 HyperlinkBut​​ton 的样式模板来实现此目的。

为此，您需要右键单击 HyperLinkBut​​ton > 编辑模板 > 编辑副本。 然后将相关代码添加到视觉状态。在您的情况下，视觉状态是“PointerOver”。

以下代码将使 HyperLinkBut​​ton 的前景为红色，背景为白色。

  <VisualState x:Name="PointerOver">
      <Storyboard>
         <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                     Storyboard.TargetProperty="Foreground">
           <DiscreteObjectKeyFrame KeyTime="0" Value="#FFFF0000" />
        </ObjectAnimationUsingKeyFrames>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                     Storyboard.TargetProperty="Background">
        <DiscreteObjectKeyFrame KeyTime="0" Value="#FFFFFFFF" />
       </ObjectAnimationUsingKeyFrames>
      </Storyboard>
   </VisualState>

---

编辑

在 c# 代码中，您所做的是更改 HyperLinkButton 的背景和前景颜色，这会覆盖控件的 “正常”视觉状态的颜色。当指针是在您的控件上方，XAML 中预定义的默认控件样式（for "PointerOver" 状态）正在显示它应该显示的颜色，因此您只能在将指针从您的控制..

因此，在我看来，覆盖控件的 xaml 样式是 正确的，也是 PointerOver 事件的最佳解决方案..

如果您对此可能有任何进一步的问题。如果需要，我很乐意提供适当的解释。

Answer 2

你应该这样做 -

hLinkButton.PointerEntered += hLinkButton_OnPointerEntered;

private void hLinkButton_OnPointerEntered(object sender, PointerRoutedEventArgs e)
{
    var hLButton = sender as HyperlinkButton;
    hLButton.Background = new SolidColorBrush(Colors.White);
    hLButton.Foreground = new SolidColorBrush(Colors.Red);
    hLButton.FontSize = 30.0;
}

如果你想把所有的事情都反转回来，你应该使用指针 hLinkBut​​ton_PointerExited 事件

更新

什么是实际问题，您的代码看起来一切正常。

使用您的代码输出

进一步你可以像这样声明你的超链接按钮我完成了

public sealed partial class MainPage : Page
{
    HyperlinkButton hLinkButton = new HyperlinkButton();

    public MainPage()
    {
        this.InitializeComponent();

        hLinkButton.Name = "LearnMoreHyperLink";
        hLinkButton.Content = "Learn More...";
        hLinkButton.Background = new SolidColorBrush(Colors.Red);
        hLinkButton.Foreground = new SolidColorBrush(Colors.White);
        hLinkButton.FontWeight = FontWeights.SemiBold;
        hLinkButton.FontSize = 18.0;
        hLinkButton.PointerEntered += OnPointerEntered;
        LayoutGrid.Children.Add(hLinkButton);
    }      

    private void OnPointerEntered(object sender, PointerRoutedEventArgs e)
    {
        hLinkButton.Background = new SolidColorBrush(Colors.White);
        hLinkButton.Foreground = new SolidColorBrush(Colors.Red);
        hLinkButton.FontSize = 30.0;
    }
}