Question

在大多数Web现代浏览器中，可以右键单击超链接并使用“复制链接地址...”上下文菜单。

在WPF中，我想知道是否有一种方法可以为<Hyperlink> XAML标记添加相同的功能？

我正在使用MVVM Light。

Answer 1

这实际上比应该更加困难。

原因是ContextMenu is not part of the visual tree，这意味着尝试使用任何最逻辑的绑定都会返回null而不是期望的值。

解决方案是将整个Hyperlink包装在UserControl中，然后使用{Binding PlacementTarget.Content访问我们想要的属性。在这种情况下，必需的属性是URL，当我们想要通过上下文菜单将超链接复制到剪贴板时，我们需要参数。当然，我们可以指定两次URL，但这违反了DRY（Dont Repeat Yourself）原则。

我正在使用MVVM Light。

XAML

第二个Command Parameter的意图是绑定到父NavigateUri标记中Hyperlink的内容，并将其作为上下文菜单的参数传递，因此它可以被复制到剪贴板上。

<UserControl>
    <Hyperlink NavigateUri="http://www.google.com/" 
               Command="{Binding OnClickHyperlink}"
               CommandParameter="{Binding NavigateUri, RelativeSource={RelativeSource Self}}">
        www.google.com
        <Hyperlink.ContextMenu>
            <ContextMenu>
                <MenuItem Header="Copy link address" 
                          Command="{Binding OnCopyHyperlink}"                                                  
                          CommandParameter="{Binding PlacementTarget.Content.NavigateUri, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContextMenu}}">
                </MenuItem>
            </ContextMenu>
        </Hyperlink.ContextMenu>
    </Hyperlink>
</UserControl>

C＃for Hyperlink点击

private ICommand _onClickHyperlink;
public ICommand OnClickHyperlink
{
    get
    {
        return _onClickHyperlink ?? (_onClickHyperlink = new RelayCommand<Uri>(
            hyperlink =>
            {
                // Handle Hyperlink click here using Process.Start().
            }));
    }
}

C＃for Hyperlink Copy

private ICommand _onCopyHyperlink;
public ICommand OnCopyHyperlink
{
    get
    {
        return _onCopyHyperlink ?? (_onCopyHyperlink = new RelayCommand<Uri>(
            hyperlink =>
            {
                Clipboard.SetText(hyperlink.OriginalString);
            }));
    }
}

Answer 2

我发现在创建自定义日志窗口控件时，以下方法很有用。它检查鼠标当前是否悬停在超链接对象内的文本运行上。

private void LogWindow_ContextMenuOpening(object sender, ContextMenuEventArgs e)
{
   var hyperlink = (Mouse.DirectlyOver as Run)?.Parent as Hyperlink;
   if(hyperlink != null)
   {
       //do whatever you want with the link now
       //e.g. set the command param on a named menu item  
       MenuItem item = this.UriCopyMenuItem;
       item.CommandParameter = hyperlink.NavigateUri;
       item.Visibility = Visibility.Visible;
       ...
    }
}

在WPF和MVVM中，如何添加＆＃34;复制＆＃34;上下文菜单到<hyperlink>？</hyperlink>

2 个答案:

XAML

C＃for Hyperlink点击

C＃for Hyperlink Copy